隐藏并显示带有按钮的div

debugcn 发表于 Dev

莱拉

我的jQuery代码有问题。我有一个按钮和一个股利。单击时，该按钮将打开或关闭div。所以我进行了测试以具有div的类。当div隐藏时，我使其可见，并且在div可见时隐藏。这是我的代码，我不知道怎么了

    <button type="button" class="btn btn-default" id="btn-collapse">Left</button>
    <div id="mapBlock" class="hidden">
    </div>

    <script type="text/javascript">
    $(document).ready(function() {


    var classe = $('#mapBlock').attr('class');
     $('#btn-collapse').click(function() {
        if(classe == "hidden"){
          $('#mapBlock').removeClass("hidden").addClass("visible");  
       }
       if(classe == "visible"){
          $('#mapBlock').removeClass("visible").addClass("hidden");  
       }
     });
});

    </script>

安努普·乔希（Anoop Joshi）

每次单击按钮时，您都应该上课

$('#btn-collapse').click(function() {
    var classe = $('#mapBlock').attr('class');
    if (classe == "hidden") {
        $('#mapBlock').removeClass("hidden").addClass("visible");
    }
    if (classe == "visible") {
        $('#mapBlock').removeClass("visible").addClass("hidden");
    }
});

使用会更好 .hasClass()

 $('#btn-collapse').click(function() {

        if ($('#mapBlock').hasClass("hidden")) {
            $('#mapBlock').removeClass("hidden").addClass("visible");
        }
        if ($('#mapBlock').hasClass("visible")) {
            $('#mapBlock').removeClass("visible").addClass("hidden");
        }
    });

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。