Показать все указанные элементы div только при событии click

Question

У меня есть следующий код jquery, который автоматически оставляет первый div на моей странице расширенным. Я хотел бы, чтобы каждый div закрывался, пока пользователь не нажмет на этот div. Можете ли вы предложить обновление, чтобы убедиться, что все они закрыты, пока пользователь не нажмет?

КОД

<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

Удалить slice(1) включить первый элемент, а прятался, а также линию $(".expand_heading:first").addClass("active"), так как вы не хотите, чтобы установить первый в качестве активного.

$(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"); 
    }); 
});