jquery从上到下滑动

Question

http://jsfiddle.net/Hx65Q/3/ I want the slider not come from left side, but it must open itself from top. How to do this?

$("button" ).click(function() {
    $('.login').toggle('slide', {  duration: 1000,   easing: 'easeOutBounce', 
    });
});

Answer 1

It is possible and quite easy to achieve, using direction: 'up' .

$("button").click(function () {
    $('.login').toggle('slide', {
        duration: 1000,
        easing: 'easeOutBounce',
        direction: 'up'
    });
});

JsFiddle demo

Answer 2

Try this simple code.

$("button" ).click(function() {
    $('.login').slideToggle( {
  duration: 1000,
  easing: 'easeOutBounce', 
});
});

Demo