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 

Slide право является более сложным ...

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 для демонстрационными!