知晓：网站前端制作之点击展开更多效果2023/3/1 20:40:00

jimmy肖明

点击展开更多整站源码的具体问题可以到我们网站了解一下，也有业内领域专业的客服为您解答问题，为成功合作打下一个良好的开端！https://oa.tyz18.cn/

首种是底部导航栏下拉展示更多，默认显示个，超出个则隐藏，点击展示更多，效果如下图所示：




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'


});


}


});


})