JQuery 开关左右切换不同的DIV,如何实现的???
3个回答
展开全部
<!-- 开关代码 -->
<div class="kg">
<span class="cur">开</span>
<span>关</span>
</div>
<!-- 需要切换的div -->
<div class="box">
<ul>111111</ul>
<ul>222222</ul>
</div>
<script type="text/javascript" src="引进jquery"></script>
<script type="text/javascript">
$(function(){
$('.box ul').eq(0).show();
$('.kg span').on('click', function() {
var n = $('.kg span').index(this);
$(this).addClass('cur').siblings().removeClass('cur');
$('.box ul').eq(n).show().siblings().hide();
});
})
</script>
<div class="kg">
<span class="cur">开</span>
<span>关</span>
</div>
<!-- 需要切换的div -->
<div class="box">
<ul>111111</ul>
<ul>222222</ul>
</div>
<script type="text/javascript" src="引进jquery"></script>
<script type="text/javascript">
$(function(){
$('.box ul').eq(0).show();
$('.kg span').on('click', function() {
var n = $('.kg span').index(this);
$(this).addClass('cur').siblings().removeClass('cur');
$('.box ul').eq(n).show().siblings().hide();
});
})
</script>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你这说的太笼统了啊
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
就那么实现的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询