どのボタンをクリックしたときに私が欲しいjavacript

Question

たときにクリックボタンボタン外のイベントのクリックを無効にする（私はJSを使用）その後、例えば外部のイベント：

$(document)クリックは無効となります。外のボタンをクリックしたときとは違って、ボタンのイベントをクリックは無効になります。

<div class="form-group"> 
     <label>Default select</label> 
     <div id="test" class="btn-group bootstrap-select open" style="width: 200px"> 
      <button class="btn dropdown-toggle btn-default" type="button" title="Alaska" onclick="test()"> 
       <span class="filter-option pull-left">Alaska</span>&nbsp; 
       <span style="border: 0px !important;" class="caret"></span> 
      </button> 
      <div class="dropdown-menu open" style="max-height: 210.5px; overflow: hidden; min-height: 122px;"> 
       <ul class="dropdown-menu inner" style="max-height: 198.5px; overflow-y: auto; min-height: 110px;">      
        <li><table class="table table-hover"> 
         <thead> 
          <tr> 
           <th>#</th> 
           <th>First Name</th> 
           <th>Last Name</th> 
           <th>Username</th> 
          </tr> 
         </thead> 
         <tbody> 
          <tr> 
           <th scope="row">1</th> 
           <td>Mark</td> 
           <td>Otto</td> 
           <td>@mdo</td> 
          </tr> 
          <tr> 
           <th scope="row">2</th> 
           <td>Jacob</td> 
           <td>Thornton</td> 
           <td>@fat</td> 
          </tr> 
          <tr> 
           <th scope="row">3</th> 
           <td>Larry</td> 
           <td>the Bird</td> 
           <td>@twitter</td> 
          </tr> 
         </tbody> 
        </table></li> 
       </ul> 
      </div> 
     </div> 
    </div> 

私はボタンをクリックします。

function test() { 
     let x = $("#test"); 
     x.children().eq(1).show(200); 
    } 

私はしたいイベントです。

$(document).click(function (e) { 
     let x = $("#test"); 
     // x.children().eq(1).hide(200); 
    }); 

は無効になります。反対で

Answer 1

私は解決策を見つけました。ありがとうございました。ここに私のコード

$('body').bind('click', function (e) { 
     let x = $("#test"); 
     if ($(e.target).closest("#ndungs").length == 0) { 
      x.children().eq(1).hide(200); 
     } 
     e.preventDefault(); 
     return false; 
    }); 
    $("#test").children().eq(0).bind("click", function (e, el) { 
     //debugger; 
     let x = $("#test"); 
     x.children().eq(1).show(200); 
     e.preventDefault(); 
     return false; 
    });