javascript - 仅在点击事件时显示所有指定的 div 元素

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