jquery - 替代显示 :none

Question

有没有替代品

display:none;

我使用 jquery 只在点击时显示一个 div。这是我的代码

$(document).ready(function() {
$('#showmenu').click(function() {
    $('#showmenu').text($('.sidebarmenu').is(':visible') ? 'Show Menu' : 'Hide Menu');
    $('.sidebarmenu').toggle("slide");
 });
});

这是我的HTML

<button id="showmenu" type="button">Show menu</button></div>
<div class="sidebarmenu" style="display: none;">
   Can the button value change to "show" or "hide"
</div>

但是我不能用

 display:none;

还有哪些方法可以实现 this

Answer 1

你可以隐藏它并强制它不占用这些行的任何空间:

visibility: hidden;
height: 0;
width: 0;
overflow: hidden;