-1

有没有替代品

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>

但我不能使用

显示：无；
还有什么其他方法可以实现这一目标

4

5 回答 5

3

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

  1. 将元素移到用户视口之外，例如：

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

  2. 使用不透明度：

    opacity: 0;

  3. 使文本对用户“不可见”但对机器可读的一种肮脏方法是创建一个具有白色背景和白色文本的元素。;) 请注意，谷歌有强大的算法来检测这一点，并在过度使用时将其视为 SEO 欺诈。不要过度使用它（有关更多信息，请参阅 SEO 博客），否则您的网站将被降级。

于 2013-09-02T14:13:15.377 回答
3

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

visibility: hidden;
height: 0;
width: 0;
overflow: hidden;
于 2013-09-02T14:07:36.740 回答
1
于 2013-09-02T14:05:48.043 回答
1

如果它只包含文本，只需将其字体大小设置为 0：

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

CSS：

#Div1 { font-size: 0px; }

小提琴。

于 2013-09-02T14:10:44.080 回答
0

您也可以尝试使用visibility属性。

 visibility:hidden
于 2013-09-02T14:01:47.423 回答