jQuery SlideToggle 一次一个 div 而不是全部独立

Question

我正在使用下面的函数来切换 div，通过它，任何一个条目内容 div 都可以独立于所有内容打开或关闭。

如果任何时候只打开一个条目内容 div，那就太好了。单击关闭的条目标题 div 将关闭任何其他条目内容 div，然后打开单击的条目。我需要保留 html 标记，因为它是由 Wordpress 动态创建的。这可能吗？

功能:

jQuery(document).ready(function($) {
$(".entry-content").hide('slow');
$(".entry-title").click(function() {
$(this).parent().children(".entry-content").slideToggle(500); });
});

html

<div class="entry-post">

   <h2 class="entry-title">Post Title 1</h2>

   <div class="entry-content">Lorem Ipsum...

</div></div>

   <h2 class="entry-title">Post Title 2</h2>

   <div class="entry-content">Lorem Ipsum...

</div></div>

More of the same....

</div>

Answer 1

每次单击其中一个时，只需将它们全部关闭即可:

jQuery(document).ready(function($) {
$(".entry-content").hide('slow');
$(".entry-title").click(function() {
    $(".entry-content").hide();
$(this).parent().children(".entry-content").slideToggle(500); });
});

示例:http://jsfiddle.net/auUxk/