我有以下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>
答案 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");
});
});