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;

Answer 2

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

将元素移动到用户视口之外，如：

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

使用不透明度：
```
opacity: 0;
```
为用户设置文本“不可见”的脏方法，但机器可读的方法是创建具有白色背景和白色文本的元素。 ;）请注意，谷歌有强大的算法来检测这一点，并在过度使用时将其视为SEO欺诈。不要过度使用它（请参阅SEO博客了解更多信息）或者您的网站将被排名。

Answer 3

同时检查HTML5 “the hidden attribute”

<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; }

Fiddle

替代显示：无

5 个答案: