SlideDown JQuery

Question

我安装了一个jQuery脚本"slideDown"，一切正常工作，但我想我的div消失，当我点击外部或当我点击另一个按钮。你能帮我一下吗?

我的脚本:

<script type="text/javascript">
        $( "button1" ).click(function() {
          $( "#divacacher1" ).toggle( "slow" );
        });
        $( "button2" ).click(function() {
          $( "#divacacher2" ).toggle( "slow" );
        }); 
        ...
</script>

我的HTML:

<button1>EN SAVOIR PLUS</button1>                                   
<div id="divacacher1" style="display: none;">
   <div class="blockRight">
    ...
   </div>
</div>

Answer 1

试试这个

    $( "button1" ).click(function() {
      $( "#divacacher1" ).toggle( "slow" );
      $('body').click(function() {
         $('#divacher1').toggle();
      });
    });