jquery 点击下一个DIV关闭上一个DIV
当前有若干个DIV如下<divclass="box"><!--BOX区域1--><divclass="btn"></div><divclass="content"></d...
当前有若干个DIV如下
<div class="box"> <!--BOX区域 1-->
<div class="btn"></div>
<div class="content"></div>
</div>
<div class="box"> <!--BOX区域 2-->
<div class="btn"></div>
<div class="content"></div>
</div>
<div class="box"> <!--BOX区域 3-->
<div class="btn"></div>
<div class="content"></div>
</div>
点击btn显示content
例如：
当前BOX区域 1里的content是已经点击btn为显示状态
如何能够实现点击BOX区域 2里的btn显示BOX区域 2里的content的同时关闭BOX区域 1的content
如何用JQUERY实现，求解答，先谢谢各位啦！~ 展开
<div class="box"> <!--BOX区域 1-->
<div class="btn"></div>
<div class="content"></div>
</div>
<div class="box"> <!--BOX区域 2-->
<div class="btn"></div>
<div class="content"></div>
</div>
<div class="box"> <!--BOX区域 3-->
<div class="btn"></div>
<div class="content"></div>
</div>
点击btn显示content
例如：
当前BOX区域 1里的content是已经点击btn为显示状态
如何能够实现点击BOX区域 2里的btn显示BOX区域 2里的content的同时关闭BOX区域 1的content
如何用JQUERY实现，求解答，先谢谢各位啦！~ 展开
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script class="jquery library" src="/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
<title>RunJS 演示代码</title>
<script>
$(function(){
$(".btn").click(function(){
var me = $(this);
me.next(".content").toggle();
me.closest(".box").siblings(".box").find(".content:visible").hide();
});
});
</script>
</head>
<body>
<div class="box"> <!--BOX区域 1-->
<div class="btn">BOX区域 1</div>
<div class="content">111</div>
</div>
<div class="box"> <!--BOX区域 2-->
<div class="btn">BOX区域 2</div>
<div class="content">222</div>
</div>
<div class="box"> <!--BOX区域 3-->
<div class="btn">BOX区域 3</div>
<div class="content">333</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
