使用Javascript/Jquery函数更改DIV显示值

更新：固定和工作。谢谢大家的帮助

您好，我正在制作一个javascript/jQuery按钮，当它被单击时，会出现一个Div（display:inline block），当它再次被单击时，Div会返回到display:none。理想情况下，我会想动画的运动，但我真的只是想让它首先工作

我的按钮

 <button> Menu Test </button>

---

我只是想确定如何获取ID的display属性并对其进行更改。在使用CSS ease out之前，我已经完成了一个悬停函数，使div在悬停时变大，并使用$（this.toggleClass（nameOfClass）更改类，但我从未尝试过仅更改元素。像这样的其他问题实际上不适合仅仅更改显示值。谢谢您的帮助。

您应该使用jquery：

$("button").click(function(){
    $("#flexMenu").toggle();
});

---

使用jQuery

.on（）

方法更新，该方法允许您将特定事件绑定到该按钮（事件侦听器）

---

啊，是的，我就是这样设置的。toggle如何知道以显示样式为目标？@user3622460如果您阅读

.toggle（）

，它将为您处理显示样式@user3622460.toggle（）方法为您完成所有工作，只需为您的按钮提供一个id，例如菜单测试，js将为$（“#btn”）。单击（函数（）{$（“#flexMenu”）.toggle（）});我用你建议的功能更新了帖子。由于某种原因，我还是不能让它工作。我发布了#flexMenu的CSS。我还阅读了文档切换，它说它可以切换显示，但它似乎对我没有任何帮助。嗨，我更新了示例，我完全理解您试图实现的目标。

 #flexMenu {
 /* display: inline-block;*/
  position: fixed;
  float: left;
  background: #1f1f1f;
  margin: 3.9em 0 0 0;
  padding: .25em;
  width: 15%;
  height: 6em;
  border: 2px solid #fff;
  z-index: 100;
 }

$("button").click(function(){
    $("#flexMenu").toggle();
});

$("button").on('click', function () {
    $('#flexMenu').toggle("slow");
});