ツイーンxuijsを使って自動高さに戻す

Question

xuijsに相当するslideDownを作成する際に問題があります。

slideUp（非表示）を容易

x$('elm').tween({height:'0'}); 

で行わが、トゥイーンを使用して元の高さに戻すする方法はないと思われます。

$x('elm').setStyle('height','auto !important'); 

が正常に動作しますが、

x$('elm').tween({height:'auto !important'}); 

もちろんのないアニメーションは、動作しません。 （高さを固定値に設定しても、それはオプションではありません）。

ここで取り残されているのはdocument.getElementById（ 'target_box'）。高さがtweenまたはsetStyleで0に設定されても、clientHeightは役に立ちません。私が考えることができる解決策は、divの最初のグローバルな崩壊の前に配列に高さを格納することです。

ありがとうございました。

に関して、

//トン

Answer 1

あなたはトゥイーンを呼び出す前に、なぜdata-属性として高さを保存しないHTML5を使用している場合：

（隠された影響を受けたのdivは、オーバーフローを使用していますか）？

x$.extend({ 
'slideUp' : function(){ 
    this = this[0]; 
    x$(this).attr('data-h',this.clientHeight); 
    x$(this).tween({height:'0'}); 
}, 
'slideDown' : function(){ 
    this = this[0]; 
    x$(this).tween({height:x$(this).attr('data-h');});  
    } 
}); 

このコードはテストされていませんが、有効です。

Answer 2

あなたがこれを解決したかどうかはわかりませんが、解決策があります。確かに良い方法があると確信していますが、これはトリックを行うように見えました。

emile.js and xui animation needing double click?

代わりにトゥイーンのエミール使用していますが、あなたはしかしemile.js XUIにあるたい場合は、それを変更することができますしてください。