jquery点击再点击隐藏，jquery隐藏按钮或显示

请教高手jquery如何做到点击按钮先隐藏第一个li,然后再次点击隐藏第二个...

新建一个html文件，命名为test.html，在test.html文件内，使用ul标签、li标签创建一个列表，用于测试。在test.html文件内，给ul标签设置一个id属性，用于获得ul对象。

新建HTML文件。引入jquery.min.js文件。创建HTML内容。预览效果如图。用jquery创建点击事件，点击隐藏按钮，p内容隐藏。用jquery创建点击事件，点击显示按钮，p内容显示。

jequery在点击一个按钮时使用jquery隐藏一个元素是jQuery提供了toggle()函数用于切换显示和隐藏：显示被隐藏的元素，隐藏已显示的元素，示例代码。

Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：然后引入Jquery的库文件，编写代码。

点击展开或隐藏菜单，最好在菜单前加一个图标按钮，美观又方便。

相关问答

Q1: 怎么用js或jq点击展开,出现隐藏的DIV,点击收起DIV又隐藏起来.

1、Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：然后引入Jquery的库文件，编写代码。

2、怎么用js来显示或隐藏一个div？很简单，下面一起来看一下。01 首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。02 添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。

3、写入js：(button).click(function () { (div).hide()；(div).eq(parseInt(3 * Math.random())).show()；})；浏览器运行index.html页面，此时点击btn按钮总会显示其中1个div和隐藏另外2个div。

4、然后，在 window.onload 事件处理函数中，获取了id为 “targetDiv” 的元素，给它添加了这个隐藏的CSS类。这样，当页面加载完成后，指定的div就会被隐藏起来。每次刷新页面，事件处理器都会执行，然后确保div始终是隐藏状态。

5、ceng).style.display = none； } /script设置一个隐藏层，点击按钮的时候改变隐藏层的display属性，将隐藏层显示出来。再给隐藏层设置一个Hide()点击方法，点击隐藏层再次隐藏。

6、给div动态添加display的样式，block是显示，none是隐藏。所以你上边空着的双引号里写上block就可以了。

Q2: jQuery实现多个li点击切换和显示隐藏

1、新建HTML文件。引入jquery.min.js文件。创建HTML内容。预览效果如图。用jquery创建点击事件，点击隐藏按钮，p内容隐藏。用jquery创建点击事件，点击显示按钮，p内容显示。

2、主要是利用我们在点击相应板块是触发它的单击事件，在单击事件中再对内容显示框(tabbox)进行相应项的显示和隐藏操作。同时利用hover为其添加了鼠标滑过时的效果。

3、新建一个html文件，命名为test.html，在test.html文件内，使用ul标签、li标签创建一个列表，用于测试。在test.html文件内，给ul标签设置一个id属性，用于获得ul对象。

4、点击展开或隐藏菜单，最好在菜单前加一个图标按钮，美观又方便。

5、先给导航块的a标签设置img属性和data-img属性；img属性为未选中图片，data-img为选中图片。第一个按钮的img图片应设置为默认选中的状态。

Q3: 用jquery怎么实现点击显示,再一次点击隐藏

jquery提供了一个方法toggle()试一下这个，第一个选择器是开关按钮，第二个选择器是需要隐藏显示的元素。

可以在文档中除了那个ul列表之外绑定事件进行处理。比如，可以对整个文档或body部分用not排除ul列表，绑定点击事件，当点击非ul列表部分就可以用slide或animate等函数收起那个列表。

点击展开或隐藏菜单，最好在菜单前加一个图标按钮，美观又方便。

新建HTML文件。引入jquery.min.js文件。创建HTML内容。预览效果如图。用jquery创建点击事件，点击隐藏按钮，p内容隐藏。用jquery创建点击事件，点击显示按钮，p内容显示。

你点击的时候执行了show_input()函数，但是你上面的隐藏显示函数没有这个名字，所以把这个事件去掉就应该可以了。

Q4: ...点其他H4显示该H4下UL,其余隐藏不展示,jquery如何实现

1、新建一个html文件，命名为test.html，在test.html文件内，使用ul标签、li标签创建一个列表，用于测试。在test.html文件内，给ul标签设置一个id属性，用于获得ul对象。

2、Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：然后引入Jquery的库文件，编写代码。

3、鼠标指向或者点击按钮出现菜单后，如果要单击页面任意位置让菜单隐藏。很简答可以直接用Jquery，给document对象加一个单击事件后，用jquery选择器定位到要隐藏的菜单上，修改css样式的display为none即可。

4、新建HTML文件。引入jquery.min.js文件。创建HTML内容。预览效果如图。用jquery创建点击事件，点击隐藏按钮，p内容隐藏。用jquery创建点击事件，点击显示按钮，p内容显示。

5、点击展开或隐藏菜单，最好在菜单前加一个图标按钮，美观又方便。

6、jquery 失去焦点隐藏菜单：本实例主要用到了一个切换显示与隐藏的事件 hover 与点击事件 click；以及is.(hidden)对某个元素状态的判断。

jquery点击再点击隐藏的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery隐藏按钮或显示、jquery点击再点击隐藏的信息别忘了在本站进行查找喔。