js点击隐藏二级菜单，js点击按钮隐藏div

求助如何用JS实现折叠菜单功能

我们可以通过设置collapse属性的值为 true 或 false 来控制菜单的折叠与展开。

首先，新建一个html界面，然后引入jquery-ui.js，jquery-ui.css，jquery即可。数字表示的是版本号，只要jquery的版本是2版本的基本都可以，太高版本的和jqueryui不兼容哦。然后我们添加一个div作为折叠菜单的最外层，并且添加id：accordion。然后在里面嵌套h4标签和div标签，分别用作菜单栏和菜单内容区域。

要实现高度的改变动画，我们需要在动画进行之前为元素设置准确的高度。当元素由可见变为隐藏状态时，我们需要先获取元素的计算高度，将其设置到style属性上，然后执行一个触发浏览器渲染引擎重绘的动作，然后再将高度设置为0，这样高度的改变动画就会正常进行。

通常使用事件触发器，例如点击按钮或链接，来触发JS脚本，并控制所对应的元素的样式。虽然CSS实现方式相对简单，但一些特殊效果，如淡入淡出等则需要使用JS来实现。另外，JS实现方式需要熟练掌握相关脚本语言，不易掌握。

相关问答

Q1: 下拉菜单控制二级下拉菜单显示与隐藏JS代码

你好，在”//alert(displayvalue)； //获取a菜单的值正常“的地方加入代码：document.getElementsByName(b)[0].style.display=none；就可以隐藏下拉框b了。

首先写出架构，两个 buttod （按钮）。下面是一个 div 存放文本和在后面的被js控制。先用 css 选择器 为 div 控制属性。然后写出 script 标签，可以写在外部，然后在引用。然后我们用 js 设置变量，这样我们才可以控制变量来控制元素。

掌握显示、隐藏div的方法：obj_div.style.display = none | block；掌握给select添加事件的方法：obj_select.onclick = function(){}；把option跟div们映射起来：option的value设置成..，div的id设置成divdivdiv..具备以上技术，你就应该能写出来了。

Q2: js完成点击任何位置都关闭下拉菜单

var newOption = new Option(optionText， optionvalue)；--- 根据上面的语法，我们知道 select 选项分 optionText 和 optionvalue 两个内容，optionText 即下拉框中我们看到的选项，而 optionvalue 则是提交的实际值。比如一个选项我们看到的是 “北京”，而实际提交的值是 “010”。

Hi，你的操作就是当已经选择过的情况下你需要删除掉数组的相应值。我帮你改写了一下，数组值需要存储选框的下标就可以了的。

首先写出架构，两个 buttod （按钮）。下面是一个 div 存放文本和在后面的被js控制。先用 css 选择器 为 div 控制属性。然后写出 script 标签，可以写在外部，然后在引用。然后我们用 js 设置变量，这样我们才可以控制变量来控制元素。

Q3: 如何用js通过下拉菜单来实现div的隐藏和显示

掌握显示、隐藏div的方法：obj_div.style.display = none | block；掌握给select添加事件的方法：obj_select.onclick = function(){}；把option跟div们映射起来：option的value设置成..，div的id设置成divdivdiv..具备以上技术，你就应该能写出来了。

首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。接着用js来实现显示，隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式，有则删除这个样式，即显示div。

首先，打开html编辑器，新建一个html文件，例如：index.html。

然后用JS来切换，例如：.isHide {height：0； overflow：hidden； opacity：0；}div.classList.add(isHide)； // div隐藏div.classList.remove(isHide)； // div显示还可以利用jQuery的hide()、show()、fadeIn、fadeOut、toggle等方法来实现类似效果。

Q4: jsp做隐藏的下拉菜单怎么做(如图)

1、将这个变量 用split(，)分割，得到 数组，新建 A下拉框，并将数组中的值 作为下拉选项。利用onChange() 事件，将选中的值从数组中删除。重新拼接字符串，并赋给 页面上的一个 隐藏的控件。

2、然后用JS控制元素的display属性做显示和隐藏，用mouse事件触发自己的JS方法。最简单的办法，找一个插件，比如bootstrap和jQuery，很简单的就能实现楼主想要的效果。下面是Demo代码，原生开发和基于插件的方式。

3、用jsp进行web开发时，很多场合要用到下拉菜单。几个月前，我还做过，可到了今天有忘了。找了好久才又做出来，今天特意把它记下来。

关于js点击隐藏二级菜单和js点击按钮隐藏div的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。