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;
            });