クリックイベントで指定されたすべてのdiv要素を表示する

Question

次のjqueryコードを使用すると、自動的にページ内の最初のdivが展開されます。ユーザーがそのdivをクリックするまで、各divが閉じられるようにしたいと思います。ユーザーがクリックするまでこれらがすべて閉じられていることを確認するための更新を提案することはできますか？

CODE

<script type="text/javascript"> 
var $ = jQuery.noConflict(); 
$(document).ready(function(){ 
    $(".toggle_container").slice(1).hide();//expands first FAQ content 
    $(".expand_heading:first").addClass("active");//add active class to first FAQ title 
    $("h4.expand_heading").click(function(event){ 
     event.preventDefault() 
     $(this).toggleClass(""); 
     $(this).next(".toggle_container").slideToggle("slow"); 
    }); 
}); 
</script> 

Answer 1

あなたがアクティブとして最初のものを設定したくないので、ライン$(".expand_heading:first").addClass("active")を隠しながら最初の要素が含まれるようにslice(1)を削除します。

$(document).ready(function(){ 
    $(".toggle_container").hide();//expands first FAQ content 
    $("h4.expand_heading").click(function(event){ 
     event.preventDefault() 
     $(this).toggleClass(""); 
     $(this).next(".toggle_container").slideToggle("slow"); 
    }); 
});