滑动除当前元素之外的其他元素

Question

我正在尝试制作幻灯片切换查询。我有下面的列表，并希望功能与手风琴相同（如果我点击一个李，那个李滑下来，其他滑动）。

$(document).ready(function(){
    $(".da_faq_list li h3").click(function(){
        $(this).parent().find(".da_faq_content").slideToggle("slow");
    });
});

<ul class="da_faq_list">
    <li>
        <h3>Head 1</h3>
        <div class="da_faq_content">
            Content Here
        </div>
    </li>
    <li>
        <h3>Head 1</h3>
        <div class="da_faq_content">
            Content Here
        </div>
    </li>
    <li>
        <h3>Head 1</h3>
        <div class="da_faq_content">
            Content Here
        </div>
    </li>
    <li>
        <h3>Head 1</h3>
        <div class="da_faq_content">
            Content Here
        </div>
    </li>
</ul>

Answer 1

如果没有手风琴插件，可以通过以下方式快速完成此操作：

http://jsfiddle.net/bryanjamesross/b8YAa/

重点是向上滑动使用:visible选择器可见的任何元素，然后向下滑动与LI相同的H3内容div。点击。