Jquery toggleclass and click not working
<p>I have a button </p>

<pre><code>&lt;button id="expansion" class="btn btn-block btn-primary"&gt;
    stuff
&lt;/button&gt;
</code></pre>

<p>and when i click it, i want this to either appear or disappear</p>

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

<p></p>

<p>and this is my jquery function. but when i click the button, nothing happens. </p>

<pre><code>$("#expansion").click(function(){
        $("#expandable").toggleClass("dis");
    });
</code></pre>

<p>class "dis" is just display:none;</p>