javascript - Jquery 切换类并单击不起作用

Question

我有一个按钮

<button id="expansion" class="btn btn-block btn-primary">
    stuff
</button>

当我点击它时，我希望它出现或消失

<div class="container-fluid" >
<div class="row">
    <div class="col-md-12">
        <div style="padding:0 7%;line-height:30px;text-align:justify;" id="expandable" class="dis">
                            <p>lol</p>
        </div>
    </div>
</div>

这是我的 jquery 函数。但是当我点击按钮时，什么也没有发生。

$("#expansion").click(function(){
        $("#expandable").toggleClass("dis");
    });

类“dis”只是显示:无；

Answer 1

您错过了类声明中的 . 并使用 toggle 而不是 toggleClass

Here正在为你工作。

HTML

<button id="expansion" class="btn btn-block btn-primary">
    stuff
</button>

<div class="container-fluid" >
<div class="row">
    <div class="col-md-12">
        <div style="padding:0 7%;line-height:30px;text-align:justify;" id="expandable" class="dis">
                            <p>lol</p>
        </div>
    </div>
</div>

JS

$("#expansion").click(function(){
    $("#expandable").toggle(".dis");
});

CSS

 .dis{
  display:none;
}