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

Попробуйте удалить эту строку:

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

Answer 2

вместо

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

попробуйте

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

(проверено, но должно работать)

Answer 3

Просто закомментируйте вторую строку - это код, который показывает панель после загрузки страницы:

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

Answer 4

Измените полосу так, чтобы ее отображение было нулевымТаким образом, он скрыт при загрузке страницы, и вам не нужно скрывать его с помощью JavaScript при первой загрузке.Тогда вы можете показать его только по клику пользователя.