在网站上找到一段关于js选项卡的代码,不知道怎么在同一个网页中多次调用? 20
这是网站的地址:http://www.51xuediannao.com/js/jquery/656.html不知道怎么解决,有知道怎么做的麻烦给小弟指点一下!...
这是网站的地址:http://www.51xuediannao.com/js/jquery/656.html 不知道怎么解决,有知道怎么做的麻烦给小弟指点一下!
展开
1个回答
展开全部
<ul class='tab'>
<li class='current'>选项卡1</li>
<li>选项卡2</li>
<li>选项卡3</li>
</ul>
<div></div>
<ul class='tab'>
<li class='current'>选项卡1</li>
<li>选项卡2</li>
<li>选项卡3</li>
</ul>
<div></div>
$(".tab li").click(function(){
$(this).addClass("current");//点击的选项卡选中样式
$(this).siblings().removeClass("current");//点击的选项卡的其它同辈项移除选中样式
$(this).parent().next().html("显示的内容");//点点的选项卡(LI)的父级元素(UL)的后一个doc(DIV)要显示的内容
});
<li class='current'>选项卡1</li>
<li>选项卡2</li>
<li>选项卡3</li>
</ul>
<div></div>
<ul class='tab'>
<li class='current'>选项卡1</li>
<li>选项卡2</li>
<li>选项卡3</li>
</ul>
<div></div>
$(".tab li").click(function(){
$(this).addClass("current");//点击的选项卡选中样式
$(this).siblings().removeClass("current");//点击的选项卡的其它同辈项移除选中样式
$(this).parent().next().html("显示的内容");//点点的选项卡(LI)的父级元素(UL)的后一个doc(DIV)要显示的内容
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询