jquery点击按钮显示全部内容,在点击隐藏
初始化显示前六个栏目,点击一个按钮显示全部内容,在点击按钮隐藏显示的内容有六个栏目class都一样,具体的如下图现在我实现的功能是点按钮所有的栏目能显示,但是所有的栏目下...
初始化显示前六个栏目,点击一个按钮显示全部内容,在点击按钮隐藏显示的内容有六个栏目 class都一样,具体的如下图
现在我实现的功能是点按钮所有的栏目能显示,但是所有的栏目下的内容都显示了,不是那种点第一个按钮就只显示第一个隐藏的内容 展开
现在我实现的功能是点按钮所有的栏目能显示,但是所有的栏目下的内容都显示了,不是那种点第一个按钮就只显示第一个隐藏的内容 展开
展开全部
先给限定最大高度,再用jquery来写
$(".ftlt_ty_navigation>span").click(function(){
if($(this).children("i").is('.icon-arrow_top')){
$(this).children("i").removeClass("icon-arrow_top").addClass("icon-chevron-down");
$(this).parent().next().css({"height":"80px","overflow":"hidden"});
}else if($(this).children("i").is('.icon-chevron-down')){
$(this).children("i").removeClass("icon-chevron-down").addClass("icon-arrow_top");
$(this).parent().next().css({"height":"auto","min-height":"80px","overflow":"hidden"});
}
})
$(".ftlt_ty_navigation>span").click(function(){
if($(this).children("i").is('.icon-arrow_top')){
$(this).children("i").removeClass("icon-arrow_top").addClass("icon-chevron-down");
$(this).parent().next().css({"height":"80px","overflow":"hidden"});
}else if($(this).children("i").is('.icon-chevron-down')){
$(this).children("i").removeClass("icon-chevron-down").addClass("icon-arrow_top");
$(this).parent().next().css({"height":"auto","min-height":"80px","overflow":"hidden"});
}
})
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询