jquery do width：要素を表示せずに 'hide'する：none？

Question

jqueryを表示させずに要素をアニメートしようとしています：なし とにかくそれを行うにはどうですか？

また、私はsibliings（）不透明度を持っています：0 ulの不透明度は1に戻りませんか？ これはwidht： 'show'は不透明度とともに使用できないためですか？

ありがとうございます！

jqueryの：

$("#nav li ").click(function(){ 

    $(this).find(">ul").dequeue().animate({width:'show',opacity:1},300); 
    $(this).siblings().find(">ul").dequeue().animate({width:'hide',opacity:0},300); 

}); 

不透明度が1に戻って行くだろう第二版UL：

$("#nav li ").click(function(){ 

    $(this).find(">ul").dequeue().animate({width:'show',opacity:1},300); 
    $(this).siblings().find(">ul").dequeue().animate({opacity:0},300); 

}); 

Answer 1

は非表示、ショーを使用するか、トグルは、表示プロパティを変更する幅を使用しようとする '0'代わりに元の幅にアニメーションを戻します。

Answer 2

では、あなたが "幅" に実際の幅値を送信したいと思う：

$("#nav li ").click(function(){ 

    $(this).find(">ul").dequeue().animate({opacity:1},300); 
    $(this).siblings().find(">ul").dequeue().animate({width:'0px',opacity:0},300); 

}); 

Answer 3

は.animate（{幅： "0"、オーバーフロー： "隠し"}）;

コンテンツが実際に隠されていることを確認するにはオーバーフロースタイルが必要になると思います。