JS如何实现多DIV切换显示/隐藏
我有3个DIV，我想在JS或者Javascript里设置如果=1时，DIV1显示，DIV2DIV3隐藏。如果=2时，DIV2显示，DIV1DIV3隐藏。如果=3时，DIV...
我有3个DIV，我想在JS或者Javascript里设置如果=1时，DIV1显示，DIV2DIV3隐藏。如果=2时，DIV2显示，DIV1DIV3隐藏。如果=3时，DIV3显示，DIV1DIV2隐藏。
我想实现这个功能，应该怎么写？求高手帮忙。
【注意】我不需要页面实现动态交互，只在JS或者Javascript控制就好。 展开
我想实现这个功能，应该怎么写？求高手帮忙。
【注意】我不需要页面实现动态交互，只在JS或者Javascript控制就好。 展开
4个回答
展开全部
原理：就是讲全部的div都隐藏只有点击的div显示。
<script type="text/javascript">
$(function(){
$("#list a").click(function(){//点击链接
$("#main div").css("display","none");//将main下所有的div都隐藏
$("#main div:eq(" + $(this).index() + ")").css("display","block"); //链接对应的div显示
});
});
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<body>
<div class="view">
1
</div>
<div class="view">
2
</div>
<div class="view">
3
</div>
</body>
$(function(){
var a = 2;
if (a == 1) {
alert($(".view").length);
$(".view").eq(0).show().siblings().hide();
}
else
if (a == 2) {
$(".view").eq(1).show().siblings().hide();
}
else
if (a == 3) {
$(".view").eq(2).show().siblings().hide();
}
})
a的值就是你传过来的
我用的是jquery
<div class="view">
1
</div>
<div class="view">
2
</div>
<div class="view">
3
</div>
</body>
$(function(){
var a = 2;
if (a == 1) {
alert($(".view").length);
$(".view").eq(0).show().siblings().hide();
}
else
if (a == 2) {
$(".view").eq(1).show().siblings().hide();
}
else
if (a == 3) {
$(".view").eq(2).show().siblings().hide();
}
})
a的值就是你传过来的
我用的是jquery
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你自己看着办吧，
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
