2011-11-03 20 views
0

スライドトグルクエリを作成しようとしています。私はリストの下にあり、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> 
+0

アコーディオンを使用することができます –

+0

アコーディオンの何が問題ですか? – rossipedia

+0

はい、私はそれを使うことができますが、私は自分のコードとシンプルなものを使いたいと思っています... @BryanRossが私に与えてくれたのは... :) –

答えて

2

、ここでこれを達成する簡単な方法は次のとおり

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

点が:visibleセレクタを使用して表示されている任意の要素をスライドすることであり、次いでクリックされたH3と同じLIに含まれているコンテンツdivをスライドさせます。

+0

ありがとう、それは働いていた:) –

関連する問題