向上滑動除當前元素之外的其他元素

Question

我正在嘗試進行滑動切換查詢。我有下面的列表，並希望像Accordion一樣的功能（如果我點擊一個li，那個li滑落並且其他滑動）。

$(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選擇器中可見的任何元素，然後向下滑動包含在與點擊的H3相同的LI中的內容div。