文書をロードする前にブートストラップを非表示にする

Question

ここでは、ユーザーがブートストラップ解除要素の「閉じる」ボタンをクリックすると、ツールチップを隠しています。

ページが読み込まれると、1秒間、要素「#notice」が表示されます。ページが読み込まれる前に要素を非表示にするにはどうすればよいですか？

jQuery(document).ready(function() { 
     var showstate = readCookie('showstate'); 
      if(showstate == 'shown') 
       { 
       jQuery("#notice").hide(); 
       } 
      jQuery('#notice .close').click(function(e){ 
       jQuery("#notice").fadeOut(); 
       createCookie('showstate', 'shown'); 
      }); 
    }); 

Answer 1

jQueryは、ブラウザがDOMを準備した後にロードされます（要素が1秒間に表示される理由）。

要素にstyle="display: none;"を設定する必要があります。この方法では、DOMを準備している間にブラウザがそれを隠すため、要素は最初に表示されません。

次に、jQueryのロジックを使用して非表示にしたり、表示することができます。