显示常用/全部

最新推荐文章于 2023-09-18 14:51:35 发布

gundumw100

最新推荐文章于 2023-09-18 14:51:35 发布

阅读量243

点赞数

分类专栏： Java

本文链接：https://blog.csdn.net/gundumw100/article/details/69951971

版权

Java 专栏收录该内容

156 篇文章 1 订阅

订阅专栏

var hideObject=$(".box>ul>li:gt(5):not(:last)");
		hideObject.hide();
		$(".showmore>span").click(function(){
				if(!hideObject.is(":visible")){
					hideObject.show();
					$(this).text("显示常用品牌");
					return false;
				}else{
					hideObject.hide();
					$(this).text("显示全部品牌");
					return false;
				}
		});

<div class="box">
		<ul>
			<li>苹果</li>
			<li>香蕉</li>
			<li>菠萝</li>
			<li>苹果</li>
			<li>香蕉</li>
			<li>菠萝</li>
			<li>苹果</li>
			<li>香蕉</li>
			<li>菠萝</li>
			<li>苹果</li>
			<li>香蕉</li>
			<li>菠萝</li>
			<li>其他</li>
		</ul>
		<div class="showmore">
			<span>显示全部</span>
		</div>
	</div>