jQuery slide一次切换一个div而不是全部独立

Question

我正在使用下面的函数来切换div,并且使用它,可以独立于所有条目打开或关闭任何一个条目内容div.

如果只有一个入口内容div可以随时打开,那将会是多么美妙.单击关闭的entry-title div将关闭任何其他entry-content 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/