jquery スライドしながらフェード

質問

jqueryで.clickで横にスライドしながら表示されるボックスのメニューを作成しました。

$(function(){
$("#button").click(function(){
$('#box').toggle('slide',{ origin: ['top','left'] }); return false;
});
});

これで意図した動きはしているのですが、更にfadeを加えてスライド表示される際に
透明度を0から1にしたいのですが、どのように処理をすれば良いのかわかりません。
スライドの処理とわけてしまうと完全にスライドした後にfadeの処理が行われてしまいます。
スライドしながら透明度も変更するにはどうすれば良いのかどなたかご教示お願います。

回答No.1

fujillin · ベストアンサー

手元のjquery（1.4.2）だと動作しないみたいですが、何か別にプラグインを利用しているのでしょうか？
（最新版はv1.5みたいなので、機能が変わったのかな…）

toggle()はもともと透明度も操作するようになっているみたいなので、durationを指定してあげれば透明度も変化するはずですが？（同時に縦横とも変化しますが）
　$('#box').toggle(2000);
　http://api.jquery.com/toggle/

あるいは、widthだけ伸び縮みして透明度も変化するのならanimateを利用して
　$('#box').animate({ width:'toggle', opacity:'toggle' },1000);
　http://api.jquery.com/animate/
とか…

jqueryをあまりよく知らないので、ご提示の指定方法についてはわかりません。