jquery简单的选项卡

最新推荐文章于 2022-05-08 20:03:55 发布

tang05709

最新推荐文章于 2022-05-08 20:03:55 发布

阅读量557

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/tang05709/article/details/41724153

js 专栏收录该内容

109 篇文章

订阅专栏

<div class="indnewsmenu">
<span><a href="#" data-id="indnewstitle_1">tab 1</a></span>
<span><a href="#" data-id="indnewstitle_2">tab 2</a></span>
</div>

<ul class="indnewstitle" id="indnewstitle_1">
<li><a href="#">tab 1</a></li>
<li><a href="#">tab 1</a></li>
<li><a href="#">tab 1</a></li>
<li><a href="#">tab 1</a></li>
</ul>
<ul class="indnewstitle" id="indnewstitle_2">
<li><a href="#">tab 1</a></li>
<li><a href="#">tab 1</a></li>
<li><a href="#">tab 1</a></li>
<li><a href="#">tab 1</a></li>
</ul>

$("#indnewstitle_1").show();
$(".indnewsmenu>span").mousemove(function(){
$(".indnewstitle").hide();
var indnewstitle = $(this).children("a").attr("data-id");
$("#"+indnewstitle).show();
});