jQuery Toolbar Slide

[Cravver]

Is there a way to make a bottom toolbar slider like on this site:
http://www.complex.com/
look at the bottom bar and click the arrows and it slide is there a way to do that?

[pritaeas]

Yes, just have a look at that page's source code.

[Cravver]

I managed to get the slide feature working:
http://demo.animehaven.net
can anyone help me with making it slide upwards/downwards next? because idk how to make that work.

[Cravver]

Please test the button that makes it go up. It goes up but doesnt come down, how do i fix this? This is the code for it:

    var buttonEls =  $("#arrow-tb-op-up"); //button inside element

    jQuery(buttonEls).click(
       function(){
        $(this).parent().animate({marginBottom: "0px"}, 300 );
        $(this).html('»');
    }, function(){
        $(this).parent().animate({marginBottom: "200px"}, 300 );
        $(this).html('«');
});
});

[iamthwee]

You could set a variable outside the function to record what state it is in. onclick change the state.

I was going to suggest using .toggle but I think that method is deprecated since 1.9

[Cravver]

can you help me on that?

[Cravver]

nvm figurd it out myself

[pritaeas]

Care to share your solution? It could help others.

[Cravver]

well the fact being that jQuery removed toggle since 1.9 annoyed me so i went with 1.8.

and changed .click() to .toggle()