javascript - 如何在 CSS 更改之间切换

Question

我有一个按钮，当按下时使用“显示:无；”隐藏一个 div。我如何在 jquery 中编写以使 css 属性在 Display: None 和 Display: Block 之间切换？

$('#help_btn').click(function(){
    $('#help_box').css('display', 'none');
});

再次点击时

$('#help_box').css('display', 'block');

等等等等。谢谢!

编辑:

我的 CSS 应该是这样的

#help_box {
    display: block;
}

我的html是

<div id='help_box><p> Some helpful info!</p></div>
<button id='help_btn>help?</button>

Answer 1

您可以按照@showdev 的评论切换 CSS 类。或者你可以试试这个

$('#help_btn').click(function() {
    if($('#help_box').is(':visible')) {
        $('#help_box').css('display', 'none');
    } else {
        $('#help_box').css('display', 'inline');
    }
});