Скрыть DIV OnLoad в JavaScript

Question

HTML

<div id="b-navbar-fg"> 
</div> 

JavaScript

<script> 
    $(function(){ 
     $("#b-navbar-fg").hide() // try to hide google navigation bar 
    }); 
</script> 

Эта функция выполняется в моей странице Google Blogger. Но я не могу скрыть этот идентификатор на странице загрузки.

EXAMPLE PAGE

Answer 1

Попробуйте этот код:

window.onload = function() { 
    $("#b-navbar-fg").hide(); 
}; 

Если выше код не работает, попробуйте это один:

$(document).ready(function() { 
    $("#b-navbar-fg").hide(); 
}); 

Answer 2

Вы можете использовать как в следующем:

JS

window.onload = function() { 
    document.getElementById('b-navbar-fg').style.display = 'none'; 
}; 

Jquery

$(document).ready(function() { 
    $("#b-navbar-fg").hide(); 
}); 

Answer 3

$(document).ready(function() { 
 
    $('#div1').hide(); 
 
    $('#preview').on('click', function() { 
 
      $('#div1').toggle(300); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="div1"> 
 
First Div Hide 
 
</div> 
 

 
<div id="div2"> 
 
Second Div 
 
</div> 
 

 
<div id="preview" style="color:#999999; font-size:14px"> 
 
<button>Click</button 
 
</div>