jquery 点击一次显示,再点一次隐藏

经常会遇到用jquery实现点击显示或者隐藏的需求,下面直接上代码帮助实现

方式一

jQuery hide()show()
通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素

1
2
3
4
5
6
7
$("#hide").click(function(){
$("p").hide();
});

$("#show").click(function(){
$("p").show();
});

方式二

方式只能实现一些简单的显示/隐藏需求,但是我们要在同一个按钮上做双向操作使用上面的方法就比较繁琐了
推荐方法二
jQuery toggle()

1
2
3
$("#btn").click(function() {
$("#content").toggle();
});
谢翔 wechat
坚持原创技术分享,您的支持将鼓励我继续创作!
-------------本文结束感谢您的阅读-------------
0%