懒人之家--可能是JS网页特效代码收集最全的懒站!

jQuery手风琴下拉菜单收缩展开特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-10-29
这是一款简单又实用的点击菜单展开收起效果jQuery手风琴下拉菜单收缩展开特效。


js代码

<!--为了浏览器兼容性jqeury版本推荐使用1.12.0,其他版本会出现不支持某些浏览器-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(".list_dt").on("click",function () {
	$('.list_dd').stop();
	$(this).siblings("dt").removeAttr("id");
	if($(this).attr("id")=="open"){
		$(this).removeAttr("id").siblings("dd").slideUp();
	}else{
		$(this).attr("id","open").next().slideDown().siblings("dd").slideUp();
	}
});
</script>