jQueryのポップアップバー - デフォルトで非表示にする方法は？

Question

私は（このサイトの上部にあるものに類似）のポップアップバーを作成するには、このチュートリアルに従っ：

http://spyrestudios.com/how-to-create-a-cute-popup-bar-with-html5-css3-and-jquery/

私はjQueryのに新たなんだ、持っていることが可能である場合ので、私は思ったんだけどこのバーはデフォルトでは非表示になっており、ユーザーが '表示'ボタンをクリックしたときにのみ表示されます。

popup.js：その死は明白であれば

$(document).ready(function(){  


$('.showpop').hide(); 
$('#popup').show('bounce', { times:1 }, 300); 


$('.hide').click(function(){ 
    $('#popup').slideUp(); 
    $('span.showpop').fadeIn('slow'); 
    return false; 
}); 


$('a.showpoplink').click(function(){ 
    $('#popup').show('bounce', { times:1 }, 300); 
    $('.showpop').hide(); 
    return false; 
}); 
}); 

申し訳ありません！私が言ったように、私はちょうどこれを学び始めました。

乾杯。

Answer 1

代わりの

$('.showpop').hide(); 
$('#popup').show('bounce', { times:1 }, 300); 

迅速な返信用

Answer 2

この行を削除してください：

$('#popup').show('bounce', { times:1 }, 300); 

Answer 3

単に二行目をコメントアウト - それは、ページがロードされたバーコードを示しています：

// $('#popup').show('bounce', { times:1 }, 300);

Answer 4

変更バーをそうその表示は何もないということです。そうすれば、ページが読み込まれたときに非表示になり、最初の読み込み時にJavaScriptで非表示にする必要はありません。その後、ユーザーのクリックに対してのみ表示することができます。