javascript - jquery显示:none,显示:内联 block

Question

我必须将一个元素从 display: none 设置为 display: inline-block
单击另一个元素时。

Jquery 总是检测到它 display: none

(function ($) {
    $(document).ready(function() {
        $("#click").click(function () {
            if($("#show").css('display','none')) {
                $('#show').css('display','inline-block');
            } else {
                $('#show').css('display','none');
            }
        });
    });
})(jQuery);

#show {
    display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="click">
    Click
</div>
<div id="show">
    Text
</div>

Fiddle

Answer 1

if语句是错误的，

if($("#show").css('display','none'))

您要将 css 属性分配给 if 语句中的 show 元素，请改用 .is(':visible') 。

if(!$("#show").is(':visible'))