问Jquery切换并单击“不工作”。

EN

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

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

 .dis{
  display:none;
}

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

.dis {
    display:none;
}
#expansion{
    background-color:lime;
    height:20px;
}

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

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