聊一聊：网站前端制作之点击展开更多效果
点击展开更多https://oa.tyz18.cn/源码的具体问题可以到我们网站了解一下，也有业内领域专业的客服为您解答问题，为成功合作打下一个良好的开端！https://cw.tyz18.cn/wp-content/uploads/2022/09/1663003031-8b26b4711ee3ecc.jpg
首种是底部导航栏下拉展示更多，默认显示个，超出个则隐藏，点击展示更多，效果如下图所示：
H:
=_
=
=P
=-
=SO2
=ECG
=EKG
=T
=NIBP
=IBP
=F
=EEG
=O2
=P
=EEGS
=NA
=_
M
=S
=-
=T
=D
J:
$((){
=$(':(1)');
$()();
=$('_');
$()((){
($()(:)){
$()();
$()(-,'(1)')('M');
}{
$()();
$()({'-':'(1)'})(H);
}
;
})
})
这其中用到了:()选择器，这里是选择前2个之后的所有元素使其隐藏。:()的值从0开始。
第二种是展示折叠更多内容文字，可以将长长的文字按照要求进行折叠展示，效果如下图所示：
H:
=
=先生
=
=68年8月出生，国籍，境外长时间居留权，大专学历，注册会计师。
88年7月至98年4月，历任医药保健品进出口财务科会计、科长；98年5月99年1月，任高科技有限财务总监；00年至今，任医疗用品股份有限董事、副总经理、首席财务官
=_
=展开详情+
=
=
女士
=
=68年8月出生，国籍，境外长时间居留权，大专学历，注册会计师。
88年7月至98年4月，历任医药保健品进出口财务科会计、科长；98年5月99年1月，任高科技有限财务总监；00年至今，任医疗用品股份有限董事、副总经理、首席财务官68年8月出生，国籍，境外长时间居留权，大专学历，注册会计师。
88年7月至98年4月，历任医药保健品进出口财务科会计、科长；98年5月99年1月，任高科技有限财务总监；00年至今，任医疗用品股份有限董事、副总经理、首席财务官
=_
=展开详情+
=
J:
$((){
$()((){
=$()('')();
($()C('')){
$()C('');
$()('')(展开详情+);
$()('')({
'':'56','-':'400'
});
}{
$()C('');
$()('')(收起);
$()('')({
'':,'-':'400'
});
}
});
})
页:
[1]