jQuery隱藏框

Question

問題很簡單。當我點擊可見圖像時，所有出現的盒子都應該消失，並在活動的場地上出現。事情是當我點擊相同的領域兩次框不消失。

我希望我的代碼能解釋更多我想要做的事情。 代碼：

的jQuery：

<script type="text/javascript"> 
    $(document).ready(function() { 
     var img = $('.users_table tr .user_gear').find('img'); 
     //var dropdown = $('.users_table tr .user_gear').next('.user_arrow_box'); 

     if((img).is(':visible') == true){ 
      img.click(function(){ 
       var all = $('.users_table tr .user_gear').find('.user_arrow_box'); 
       var a = $(this).parent().find('.user_arrow_box'); 
       a.toggle(function() { 
        all.removeClass('active'); 
        a.addClass('active'); 
       }, function() { 
        a.removeClass('active'); 
       }); 

       return false; 
      }); 
     } 
    }); 
    </script> 

Answer 1

嘗試是這樣的：

img.click(function(){ 
       var all = $('.users_table tr .user_gear').find('.user_arrow_box'); 
       var a = $(this).parent().find('.user_arrow_box'); 
        all.not($(a)).removeClass('active'); 
        a.toggleClass('active'); 
       return false; 
      });