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

时间:2017-02-12 17:16:26

标签: javascript jquery onclick

我有以下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>

1 个答案:

答案 0 :(得分:2)

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