Div slideLeft ..喜欢slideDown或slideUp

Question

我想用jquery来滑动一个div ..但是喜欢slideDown和slideUp或者slideToggle ..我该怎么办？

Answer 1

Here's a quick jQuery plugin that might help ?

jQuery.fn.slideLeftHide = function( speed, callback ) {
    this.animate({ 
        width: "hide", 
        marginLeft: "hide", 
        marginRight: "hide" 
    }, speed, callback ); 
}

jQuery.fn.slideLeftShow = function( speed, callback ) { 
    this.animate( { 
        width: "show", 
        marginLeft: "show", 
        marginRight: "show" 
    }, speed, callback ); 
}

To be used like so:

$("#elemID").slideLeftHide(300);

and a FIDDLE for demonstation!

Answer 2

Make an animation that use .animate() to reduce the width to 0:

$('#my-id').animate({ width : 0 }, 1000); // slide left the div

Slide right is more complicated...

Answer 3

如果你的div有溢出：隐藏，这可以工作

$("#test").animate({width:0},500,function(){$(this).hide()})