/**
* 口风琴式导航
* @param obj 点击事件索引
* @param obj1 事件父级索引
* @param obj2
*/
function pianica(obj,obj1) {
$(obj).on('click',function () {
var that = $(this).parent(obj1);
if(that.hasClass("active")){
that.removeClass("active");
}else {
$(obj1).removeClass("active");
that.addClass("active");
}
});
}
布局
<div class="nav">
<ul>
<li>
<a href="javascript:;">下拉</a>
<dl>
<dd><a href="">下拉一</a></dd>
<dd><a href="">下拉二</a></dd>
<dd><a href="">下拉三</a></dd>
</dl>
</li>
</ul>
</div>
