我有一个按钮,当按下时使用“显示:无;”隐藏一个 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>
最佳答案
您可以按照@showdev 的评论切换 CSS 类。或者你可以试试这个
$('#help_btn').click(function() {
if($('#help_box').is(':visible')) {
$('#help_box').css('display', 'none');
} else {
$('#help_box').css('display', 'inline');
}
});
关于javascript - 如何在 CSS 更改之间切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52525285/