div 超过10条隐藏 带有展开隐藏按钮

本文介绍了一种使用jQuery实现的元素显示与隐藏效果的方法。通过判断元素数量来决定是否显示控制按钮,并实现了点击按钮切换元素的显示状态及按钮文本的变化。此方案适用于需要简洁展示大量列表项的场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

var sum = $("#dmcode .index").length;
var heightAll = 30*(sum-10);
if(sum>10){
$("#dmcode .index").eq(9).nextAll().hide();
$("#show").show();
}else{
   $("#show").hide();
}
$("#show").click(function(){
var typeheight=0;
if ($("#show span").hasClass("down")==true){ 
$("#show span").attr("class","up");
$("#show span").html("收起");
$("#dmcode .index").show();
}else{ 
$("#show span").attr("class","down");
$("#show span").html("展开");
$("#dmcode .index").eq(9).nextAll(".index").hide();
$("#show").show();
}
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值