1、Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：
西城网站制作公司哪家好，找成都创新互联！从网页设计、网站建设、微信开发、APP开发、响应式网站设计等网站项目制作，到程序开发，运营维护。成都创新互联从2013年成立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联。
2、然后引入Jquery的库文件，编写代码。首先获取a标签的dom并给它加一个click事件，在click的回调中判断div是否为隐藏状态，是的话就隐藏div否则就显示div：
3、最后来到编辑器右侧的浏览器，可以看到此时div是显示的：
4、点击一下，div就会隐藏了，可以来回点击切换显示和隐藏：
jequery在点击一个按钮时使用jquery隐藏一个元素是jQuery提供了toggle()函数用于切换显示和隐藏：显示被隐藏的元素，隐藏已显示的元素，示例代码。
拓展资料：
html代码如下：其中有一个button和一个div
input type="button" value="button"/
div id="mydiv"/div2.
js代码如下：
$(function(){
$('input:button').click(function(){ $('div').fadeToggle() }
1、jquery.show()和jquery.hide()方法
语法：
$(selector).show(speed,callback);
$(selector).hide(speed,callback);
2、jquery.toggle()方法
语法：
$(selector).toggle(speed,callback);
3、带有淡入淡出效果的显示和隐藏
$(selector).fadeIn(speed,callback)
$(selector).fadeOut(speed,callback)
$(selector).fadeToggle(speed,callback)
$(selector).fadeTo(speed,opacity,callback)
4、带有滑动效果的显示和隐藏
$(selector).slideDown(speed,callback)
$(selector).slideUp(speed,callback)
$(selector).slideToggle(speed,callback)
注意：
可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。
可选的 callback 参数是滑动完成后所执行的函数名称。
.hide()
这个方法不接受任何参数。
.hide(
[duration
]
[,
complete
]
)
duration
(默认:
400)
类型:
Number
or
String
一个字符串或者数字决定动画将运行多久。
complete
类型:
Function()
在动画完成时执行的函数。
如果没有参数，.hide()方法是最简单的方法来隐藏一个元素：
$('.target').hide();
匹配的元素将被立即隐藏，没有动画。这大致相当于调用.css('display',
'none')，但display属性值保存在jQuery的数据缓存中，所以display可以方便以后可以恢复到其初始值。如果一个元素的display属性值为inline，那么隐藏再显示时，这个元素将再次显示inline。
1、使用jquery的hide()方法
例子：
$("#content").hide();//隐藏input；content为input的id
$("#content").show();//显示被隐藏的元素； content为input的id
2、使用jquery的css方法
$("#id").css('display','none');
$("#id").css('display','block');
3、操作input的style
$("#id")[0].style.display = 'none';//隐藏input
//$("#id")返回的是JQuery
$("#id")[0].style.display = 'block';//显示input
