切换“隐藏”和显示，Jquery应该怎么实现？？？ 为什么“Click”绑定补上？

Question

$("#wid-id-buildinglist div[role='content']").hide();

Answer 1

测试代码
<div class="jarviswidget jarviswidget-color-greenLight jarviswidget-sortable"      id="wid-id-buildinglist"       data-widget-collapsed="false" data-widget-editbutton="false" data-widget-deletebutton="false" role="widget" style="">        <a href="javascript:void(0);" class="button-icon jarviswidget-toggle-btn" rel="tooltip" title="" data-placement="bottom" data- original-title="Collapse">        <i class="fa fa-minus">fsfsfs</i>        </a>        <div role="content" style="display: block;"> dfsdfsdfsdfdsfdsfs</div>
</div></div>
<script>$("#wid-id-buildinglist i[class='fa fa-minus']").click(function () {$('#wid-id-buildinglist div[role=content]').toggle()});</script>

Answer 2

$("#wid-id-buildinglist i[class='fa fa-minus']").click(function () {
            var a = $("#wid-id-buildinglist div[role='content']").css("display")
           
            //如果是隐藏，那么显示
            if (a == "none")
            {$('#wid-id-buildinglist div[role=content]').css("display", "block");}
            else
            {$('#wid-id-buildinglist div[role=content]').css("display", "none");}
        });
j将上面的代码改变一下：$("#wid-id-buildinglist i[class='fa fa-minus']").toggle(function(){
$('#wid-id-buildinglist div[role=content]').show();
},function(){
$('#wid-id-buildinglist div[role=content]').hide();
});

Answer 3

toggle()  方法来切换 hide() 和 show() 方法。

Answer 4

toggle方法的确是首选方法但是一定要注意jQuery的版本太高的版本似乎支持好像不太好

Answer 5

div作用域的问题，曾经碰到过，费了好大劲才发现

Answer 6

先上我的答案
$("#wid-id-buildinglist  .fa fa-minus").click(function () {
             $("#wid-id-buildinglist div[role='content']").toggle();
});顺便对大人的代码进行下评述
$("#wid-id-buildinglist i[class='fa fa-minus']").click(function () {//jquery支持class选择符，为什么用属性选择符来表达呢？
            var a = $("#wid-id-buildinglist div[role='content']").css("display")
           
            //如果是隐藏，那么显示
            //注意:jquery有toggle()方法，自动隐藏与显示之间切换，很方便滴
            if (a == "none")
            {$('#wid-id-buildinglist div[role=content]').css("display", "block");}
            else
            {$('#wid-id-buildinglist div[role=content]').css("display", "none");
}
        });

Answer 7

代码貌似没什么问题啊。    是不是因为“ <i class="fa fa-minus"></i>”已经有了“Click”事件啊？？？      所以不能再绑定“Click”事件了，是这样吗？？？            是不是应该将之前绑定的“Click”事件先去掉下。

Answer 8

通过样式选择器来选择，toggle()  方法来切换 hide() 和 show() 方法。