SlideDown JQuery

Question

我安装了一个jQuery脚本＆＃34; slideDown＆＃34;，一切正常，但是当我点击外面或点击另一个按钮时，我希望我的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();
      });

    });