<a href="#" class="fl active">想TA的人</a>
<a href="#" ></div>不想TA的人</a>
<div class="list">
<ul>
<li>我是1</li>
</ul>
</div>
<div class="list">
<ul>
<li>我是2</li>
</ul>
</div>
这里就用each循环,给对应的list添加对应a的索引值。
$("a").each(function(index){
$(this).click(function(){
$(this).addClass('active').siblings().removeClass('active');
$(".list").eq(index).show().siblings(".list").hide();
})
})
本文介绍了一种使用jQuery实现的点击切换列表效果的方法。通过给指定的a标签添加点击事件,当点击不同的a标签时,可以展示或隐藏与其相对应的列表内容。此方法适用于网页中需要动态显示或隐藏内容的场景。
236

被折叠的 条评论
为什么被折叠?



