問題タブ [jquery-slide-effects]

jquery slideToggle() 関数を apex:pageBlockTable のデータ行にバインドしようとしています。

テーブルに情報を表示していて、誰かが任意の行をクリックすると、その連絡先に関連する追加情報がスライダーに表示され、残りの行が下に移動するようにします。もう一度クリックすると、スライダーが上に移動し、すべてが正常に戻ります。

私が間違っていなければ、1 つの div に行要素 (apex:columns) をバインドし、もう 1 つの div にスライダーの情報をバインドする必要があると思います。しかし、どういうわけかこれは機能していません。

コードは次のとおりです。

私は Visualforce と JS を理解しようとしているので、助けていただければ幸いです。

最高、アンキット

ゴール：

私の目標は、jQueryslideDownを withFadeInまたはslideUpwithで使用すること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がアニメーション化されているときに、ユーザーがクリックして非表示にして表示する必要のある汚れたインライン スタイルがオブジェクトにスタックし、目的の効果が完全に失われることです。slideUpopacity: 0Show 2Div1Div2

例:

例がなければ、ほとんどの質問は役に立ちません:)私が作成したJSFiddleの例を見て、ボタンを繰り返しクリックしてください。

http://jsfiddle.net/RoLYroLLs/bkWrH/

stopスタイルがオブジェクトに「スタック」している理由は、使用であることを知っています。stopクリックしたボタンに応じて、オブジェクトを非表示/表示できるようにする必要があります。

私が見ていない別のアプローチはありますか？

私が打ったステッププロセスにjqueryスライド（ダウン/アップ）効果を使用しています.IDが選択されていない場合にIDをスライドさせる方法がわかりません 。

他のステップをクリックした場合、ステップ ID をスライドアップするにはどうすればよいですか? 手伝ってください

サブメニューを含む垂直メニューバーがあります。9 ～ 10 個のメニューがあり、各メニューには 3 つのサブメニューが含まれています。

メニュー 1 が開いていて、誰かがメニュー 3 をクリックした場合に必要なもの メニュー 1 を閉じる必要があり、メニュー 3 が開く

ここにフィドルがあります

検索ボタンがあります。ホバーすると、テキストエリアが左にスライドします。クリックすると、用語を検索します。とにかく、どうすればタッチデバイス用に最適化できますか?

1タッチでスライド、2タッチで検索できるようにしてみましたが、できませんでした。

JSFiddle リンク

あなたが私を助けることができれば、それは素晴らしいことです！一番。

左または右からスライドできるiOSアプリで効果を再現する方法またはプラグインを見つけようとしています。その方向に十分にスライドした場合、指を離すと次のペインにロックされます。

十分にスクロールしたことを認識させてから、フォーカスする新しい位置を設定するにはどうすればよいですか? この種のものに適した jQuery プラグインはありますか? jQuery Mobile には、この種の機能がないようです。

私が念頭に置いているレイアウトは、オーバースクロールが非表示に設定されている単一の DIV の内側に 4 ～ 5 つの DIVS が隣り合っているようなものです。次に、次のペインにスライドし始めると、トランジション効果で左/右の CSS 位置を変更するイベントを発生させ、タブを更新して新しい新しいペインが選択されたことを示すことができます。

jQueryのエフェクトを使用してslide要素間の遷移を行っています。jsfiddleを表示するのが最も簡単です

メニューリンクは何もしません。「詳細」リンクをクリックすると、問題が表示されます。「スライド」を使用して新しい div を同時に表示し、古い div を非表示にしようとしています。問題は、新しい div が古い div の隣にスライドしないことです。その横と下にスライドしてからアニメーションの最後で、突然正しい位置に飛び出します。私が目指している効果はかなり明確なはずです - スライドショーで見られるように、div がお互いを横に「押す」ようにしたいのです。何が間違っているのですか :\

これを正しく機能させるために、必要に応じて CSS やマークアップ、JS を調整することができます。