代码之家  ›  专栏  ›  技术社区  ›  user3622460

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

  •  -1
  • user3622460  · 技术社区  · 10 年前

    更新:已修复,正在工作。谢谢大家的帮助。

    您好,我正在制作一个javascript/jQuery按钮,当它单击时,Div会出现(显示:内联块),当它再次单击时,Div会返回显示:none。理想情况下,我会想让动作动画化,但我真的只想让它先工作。

    我的按钮。。。

     <button> Menu Test </button>
    

    我的函数(已更新)。。。

    <script>
    
    $("button").click(function(){
        $("#flexMenu").toggle("slow", function() {
    
    });
    });
    
    </script>
    

    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;
     }
    

    我只是想确定如何获取ID的显示属性并更改它。在使用CSS ease-out之前,我已经完成了一个悬停函数,以使div在悬停时变大,并使用$(this)更改类。toggleClass(nameOfClass),但我从未尝试过只更改元素。像这样的其他问题并不适合仅仅改变显示值。谢谢你的帮助。

    2 回复  |  直到 10 年前
        1
  •  1
  •   Mouhamed Halloul    10 年前

    您应该使用jquery:

    $("button").click(function(){
        $("#flexMenu").toggle();
    });
    
        2
  •  1
  •   Alexander Dixon    10 年前

    使用jQuery更新 .on() 方法,该方法允许您将特定事件绑定到该按钮(事件侦听器)。

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

    Fiddle

    推荐文章