jquery - ユーザーがスクロールするとメニューが水平から垂直に移動しますか?

Question

現在、Twitter Bootstrap、bhtml5 ボイラー プレート、css3、および最新の jQuery を使用して Wordpress を実行しています。

私のメイン ナビゲーション メニューは現在、ページの上部の横位置に固定されています。

ユーザーがページを下にスクロールするときにメニューを垂直位置に移動するにはどうすればよいですか (できれば素敵なトランジション効果を使用して)。

これを行うのに役立つjQuery / Mootools / etcドキュメントの方向性を教えてくれる人がいれば、それは大きな助けになります。

$(window).scroll(function(e) {
if ($(window).scrollTop() > 0) {
    $("#nav").addClass("horizontal");
} else {
    $("#nav").removeClass("horizontal");
}
//console.log($(window).height());
});

基本的にこれの反対で、遷移効果を追加します: [http://jsfiddle.net/bbYZS/2/]