jquery - 代替表示:なし

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>

でも使えない

表示:なし;

これ を達成する他の方法は何ですか

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. ユーザーにはテキストを「見えなくする」が、マシンには読めるようにする汚い方法は、白い背景と白いテキストを持つ要素を作成することです。;) Google にはこれを検出する強力なアルゴリズムがあり、使いすぎると SEO 詐欺と見なされることに注意してください。使いすぎないでください (詳細については、SEO ブログを参照してください)。そうしないと、サイトのランクが下がります。

Answer 3

Answer 4

属性で試すこともできvisibilityます。

 visibility:hidden