Div slideLeft ..喜欢slideDown或slideUp

Question

我想slideLeft div与jquery ..但像slideDown和slideUp或slideToggle ..我该怎么办？

Answer 1

请使用.animate()的宽度减少到0动画：

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

滑块向右更复杂......

Answer 2

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

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

Answer 3

这是一个快速的jQuery插件，可能有帮助吗？

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); 
} 

要使用像这样：

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

和示范开始一个FIDDLE！