Javascript 仅在单击事件时显示所有指定的div元素

我有下面的jquery代码，它会自动将页面中的第一个div保持展开状态。我希望每个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>

var$=jQuery.noConflict（）；
$（文档）.ready（函数（）{
$（“.toggle_container”）.slice（1.hide（）；//展开第一个常见问题解答内容
$（“.expand_heading:first”）.addClass（“active”）；//将active类添加到第一个常见问题解答标题
$（“h4.展开标题”）。单击（函数（事件）{
event.preventDefault（）
$（this.toggleClass（“”）；
$（this）.next（“.toggle_container”）.slideToggle（“slow”）；
});
});

删除以包含隐藏时的第一个元素以及行，因为您不希望将第一个元素设置为活动

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

---

你能举个例子说明你的HTMLDoes活动类处理显示/显示隐藏状态吗？