大佬教程收集整理的这篇文章主要介绍了jQuery显示具有更多和更少链接的第一个X元素，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我已经搜索了一个解决方案,但大多数展开/折叠脚本完整隐藏图层,而其他人显示展开(显示更多)链接但不切换显示折叠(显示更少)链接.
我的菜单编码如下.
<div id="menu1"> <ul class="term-list"> <li class="term-item ">Item 1</li> <li class="term-item ">Item 2</li> <li class="term-item ">Item 3</li> <li class="term-item ">Item 4</li> </ul> </div> <div id="menu2"> <ul class="term-list"> <li class="term-item ">Item 1</li> <li class="term-item ">Item 2</li> <li class="term-item ">Item 3</li> <li class="term-item ">Item 4</li> </ul> </div>
这是一个基本的例子：
$('ul.term-list').each(function(){
var LiN = $(this).find('li').length;
if( LiN > 3){
$('li',this).eq(2).nextAll().hide().addClass('toggleable');
$(this).append('<li class="more">More...</li>');
}
});
$('ul.term-list').on('click','.more',function(){
if( $(this).hasClass('less') ){
$(this).text('More...').removeClass('less');
}else{
$(this).text('Less...').addClass('less');
}
$(this).siblings('li.toggleable').slideToggle();
});
或者更多compact version.
以上是大佬教程为你收集整理的jQuery显示具有更多和更少链接的第一个X元素全部内容，希望文章能够帮你解决jQuery显示具有更多和更少链接的第一个X元素所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。