Como posso fazer um mergulho de colapso para expansão (e vice versa), mas fazê-lo da direita para a esquerda?
A maioria de tudo o que vejo lá fora é sempre da esquerda para a direita.
$("#slide").animate({width:'toggle'},350);
Referência: https://api.jquery.com/animate/
Isto pode ser conseguido nativamente usando os métodos jQueryUI hide/show. Por exemplo.
// To slide something leftwards into view,
// with a delay of 1000 msec
$("div").click(function () {
$(this).show("slide", { direction: "left" }, 1000);
});
Referência: http://docs.jquery.com/UI/Effects/Slide
I'fiz desta maneira:
var btn_width = btn.width();
btn.width(0);
btn.show().animate({width: btn_width}, {duration: 500});
Note, esse nó "btn" deve ser escondido antes da animação, e você também pode precisar definir "posição: absoluto" a ele.