Wysuwany panel "sidebar" w jquery a zamknięcie go


(uphate) #1

Witam zrobiłem wysuwany panel z dołu strony, po najechaniu myszką wysuwa się do góry po wyjście poza granice chowa się a jak zrobić by po kliknięciu w niego lub stworzenie X żeby znikał całkowicie? Da się coś takiego zrobić?

 

Tak wygląda kod

 

$(function(){

 

$("#panel").css("bottom","-210px");

 

$("#panel").hover(function(){

 

$("#panel").animate({bottom: "0px"}, 500 );

$(this).addClass("zamknij"); 

return false;

},

function(){

$("#panel").animate({bottom: "-210px"}, 500 );

$(this).removeClass("zamknij"); 

return false;

 

});

});


(Info) #2

Można rozwiązać to na wiele sposobów, na przykład taki prowizoryczny skrypt:

 

$("#panel").css(“bottom”,"-210px");

 

$(’#panel’).hover(function(){