ゴール:
私の目標は、jQueryslideDown
を withFadeIn
またはslideUp
withで使用することFadeOut
です。Google と StackOverflow の検索結果をいくつか見つけて、slide[Down/Up]
withを使用するようになりましたanimate({opacity: [1/0]},{queue: false})
。
と の 3 つのボタンとShow 1
、Show 2
とAll
の 2 つの divDiv1
がありDiv2
ます。最初のページの読み込みで、すべての div が表示されます。ユーザーがクリックするShow 1
Div2
と、非表示にしてフェードする必要があります。
問題:
私の問題は、 withDiv2
がアニメーション化されているときに、ユーザーがクリックして非表示にして表示する必要のある汚れたインライン スタイルがオブジェクトにスタックし、目的の効果が完全に失われることです。slideUp
opacity: 0
Show 2
Div1
Div2
例:
例がなければ、ほとんどの質問は役に立ちません:)私が作成したJSFiddleの例を見て、ボタンを繰り返しクリックしてください。
http://jsfiddle.net/RoLYroLLs/bkWrH/
stop
スタイルがオブジェクトに「スタック」している理由は、使用であることを知っています。stop
クリックしたボタンに応じて、オブジェクトを非表示/表示できるようにする必要があります。
私が見ていない別のアプローチはありますか?