用jquery怎么实现点击显示，再一次点击隐藏
4个回答
展开全部
<button>点击我</button>
<p>点我上面的button按钮，看看我能有什么效果</p>
<script>
$("button").click(function(){
$("p").slideToggle(200);
})
</script>
<p>点我上面的button按钮，看看我能有什么效果</p>
<script>
$("button").click(function(){
$("p").slideToggle(200);
})
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
很简单，使用开关函数。toggle(). w3c的例子
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").toggle();
});
});
</script>
</head>
<body>
<button type="button">切换</button>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").toggle();
});
});
</script>
</head>
<body>
<button type="button">切换</button>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以分别使用show、hide方法显示隐藏，也可以使用toggle() 方法实现。可以去看看这W3c看看这几个方法
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
元素：<div class="ele1"></div>
$('.ele1').click(function(e){
var ele=$(e.target);
//当前是否是隐藏元素（'display:none'）
if($ele.is(':hidden'))
//是：当前是隐藏，那么显示元素
$ele.show()
else
//否：当前是显示，那么隐藏元素
$ele.hide()
}
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
