Slide up/slide down

[GreatPotato]

I have the following:

$(document).ready(function() {

$("#slide-out").click(function(){

$("#switcher-toggle").animate({

top: "-65px",

}, 200 );

});

});

Which makes my div slide up out of the screen nicely when clicked… But I want it to slide back down when “#slide-out” is clicked again…

Anyway help?

[Azra]

Shouldn’t it be something like

$('a').click(function () {

$('#whatever').slideToggle(600);

});

[GreatPotato]

Yeh but essentially my click button is part of the DIV that is sliding so if I use toggle the link is gone – I will experiment today

[Rob MacKay]

Toggle has a callback feature – I think works like this…

$(document).ready(function() {

$("#slide-out").toggle(function(){



$("#switcher-toggle").animate({

top: "-65px",

}, 200} );



}, function() {



$("#switcher-toggle").animate({

top: "65px",

}, 200} );



});

});

[Author]

Posts