JQUERY点击LI下DIV显示隐藏对应DIV
代码是这样的<ul><li><divclass="clickme">点我</div><divclass="displayclick">我是所显示的内容</div></li...
代码是这样的
<ul>
<li>
<div class="clickme">点我</div>
<div class="displayclick">我是所显示的内容</div>
</li>
<li>
<div class="clickme">点我</div>
<div class="displayclick">我是所显示的内容</div>
</li>
<li>
<div class="clickme">点我</div>
<div class="displayclick">我是所显示的内容</div>
</li>
<li>
<div class="clickme">点我</div>
<div class="displayclick">我是所显示的内容</div>
</li>
<li>
<div class="clickme">点我</div>
<div class="displayclick">我是所显示的内容</div>
</li>
</ul>
无限个<li>和</li>之间的内容。如何点击某个LI标签下的<div class="clickme">点我</div> 显示隐藏 对应LI下面的<div class="displayclick">我是所显示的内容</div>呢？求解答。还有就是如何点击空白隐藏呢？求解！~先谢谢啦！~ 展开
<ul>
<li>
<div class="clickme">点我</div>
<div class="displayclick">我是所显示的内容</div>
</li>
<li>
<div class="clickme">点我</div>
<div class="displayclick">我是所显示的内容</div>
</li>
<li>
<div class="clickme">点我</div>
<div class="displayclick">我是所显示的内容</div>
</li>
<li>
<div class="clickme">点我</div>
<div class="displayclick">我是所显示的内容</div>
</li>
<li>
<div class="clickme">点我</div>
<div class="displayclick">我是所显示的内容</div>
</li>
</ul>
无限个<li>和</li>之间的内容。如何点击某个LI标签下的<div class="clickme">点我</div> 显示隐藏 对应LI下面的<div class="displayclick">我是所显示的内容</div>呢？求解答。还有就是如何点击空白隐藏呢？求解！~先谢谢啦！~ 展开
展开全部
<!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>
<style>
.clickme {
border:1px solid black;
}
</style>
<script>
jQuery(function($){
$(".clickme").click(function() {
$(this).next(".displayclick").toggle();
});
$(document).click(function(e){
if(e.target.className!='clickme'){
$(".displayclick").hide();
}
});
});
</script>
</head>
<body>
<ul>
<li>
<div class="clickme">
点我
</div>
<div class="displayclick">
我是所显示的内容
</div>
</li>
<li>
<div class="clickme">
点我
</div>
<div class="displayclick">
我是所显示的内容
</div>
</li>
<li>
<div class="clickme">
点我
</div>
<div class="displayclick">
我是所显示的内容
</div>
</li>
<li>
<div class="clickme">
点我
</div>
<div class="displayclick">
我是所显示的内容
</div>
</li>
<li>
<div class="clickme">
点我
</div>
<div class="displayclick">
我是所显示的内容
</div>
</li>
</ul>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("li .clickme").click(function(){
if($(this).next(".displayclick").is(:hidden))
{
$(this).next(".displayclick").show();
}
else{
$(this).next(".displayclick").hide();
}
})
if($(this).next(".displayclick").is(:hidden))
{
$(this).next(".displayclick").show();
}
else{
$(this).next(".displayclick").hide();
}
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
