仅在单击事件上显示所有指定的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

删除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");
    });
});