交替顯示：無

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;

還有什么其他方法可以實現這一目標

Answer 1

您可以隱藏它們，並強制它們不要占用這些行的任何空間：

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

Answer 2

除了其他答案：您還可以：

1. 將元素移到用戶視口之外，例如：

    position: fixed; left: -99999; /* or without the minus, depends */ top: -99999; /* or without the minus, depends */ 

2. 使用不透明度：

    opacity: 0; 

3. 使文本對用戶“不可見”但對機器可讀的一種骯臟方法是創建具有白色背景和白色文本的元素。 ;）請注意，谷歌具有強大的算法可以檢測到這一點，並在過度使用時將其視為SEO欺詐。 不要過度使用它（有關更多信息，請參閱SEO博客），否則您的網站將排名下降。

Answer 3

還要檢查HTML5“隱藏屬性”

<div hidden>This is hidden</div>

Answer 4

您還可以嘗試使用“ visibility屬性。

 visibility:hidden

Answer 5

如果僅包含文本，則將其字體大小設置為0：

<div id="Div1">You won't see me</div>

CSS：

#Div1 { font-size: 0px; }

小提琴 。