問題タブ [slidedown]

デフォルトの「top」値が「-200px」に設定された絶対位置にdivがあります。divをクリックすると、「top」の値が「0」に更新されます。このようにして、Div全体が表示されます。

これはjsです：

この結果を達成する方法はありますが、アニメーションを使用しますか？たとえば、スライドダウン効果？

また、もう一度divをクリックすると、「top」の値が「-200px」に復元されます。

スライドダウンしているオブジェクトのコンテンツがフローティングされている場合、jQuery slideDown に問題があります。

何が起こるかというと、div がコンテンツの高さをはるかに超えてスライドし、適切な高さに「スナップ」します。

内部のコンテンツが浮かんでいない場合の高さに基づいて、divが下にスライドしていると思います（単なる理論です）。たとえば、フロート アイテムが 4 つある場合、div は、フロート アイテムが 2 つある場合よりも 2 倍拡大するように見えます。

clearfix ハックで浮動小数点数を含めても、何も修正されないようです。

私が過去に使用した解決策 (および推奨される解決策) は、アイテムを非表示にする前に、CSS を介してアイテムの高さを設定することです。そうすれば、スライドダウンはどこまで進むべきかを知っています。

問題は、スライドダウンを使用するパネルをネストしていることです。親の高さは、ネストされた非表示のパネルが既に展開されていることに基づいて計算されるため、事前に設定することはできません。

すべてのトグル パネルを設定する関数を再帰的に呼び出すことができます...最も内側のネストされたパネルを見つけ、高さを設定し、デフォルトで非表示にするパネルを折りたたんでから、階層を上に移動します。しかし、それは非常に多くのトラバースを行う必要があるため、パフォーマンス ヒットになります。

高さを手動で設定する DOM を最初にトラバースすることなく、事前に CSS を介して高さを修正せずに、フローティング コンテンツのこの slideDown を修正する方法を知っている人はいますか?

アップデート：

サンプルコードは次のとおりです。

http://jsbin.com/ajoka/10/

（ページをクリックするとスライドして表示されます）

これは私が使用している正確なスタイルに基づいており、その特定の組み合わせで問題が発生します。slideDown に設定されている DIV の背景がピンク色であることに注意してください。内容物よりも遠くに滑り落ち、すぐに適切な場所に戻ります。

私は 4 つの div を持っており、ナビゲーションをクリックすると、そのうちの 1 つを表示し、他のものを非表示にしたいと考えています。私はそれを機能させていますが、私が知っているほどスムーズではないと感じています。間違いなく私のコードはリファクタリングが必要です! これが私が持っているものです。

こんにちは、私はこのスクリプトを持っています:

スライドアップを使用する場合。上に遠ざかっていくイメージ。しかし、私はスライドダウンを使用します。しかし、スライドをslideDown（ "slow"）に変更すると。.logo img が機能しませんか? 私は何を間違っていますか？

スムーズなスライド効果が必要ですが、何が間違っているのか理解できません。私は次のことを試しました

このスムーズな効果を実現するために私が間違っていることはありますか

ここに投稿するのはこれが初めてで、このサイトを見つけてから数週間にわたって多くの役立つ情報を読みました!

だから、私の質問は次のとおりです。私のサイトに次のコードがあり、何をしようとしているのか...

• 要素（.btn-leavecomment）をクリックすると、

• 非表示の div (#commenttype) は、slideDown によって表示されます。この非表示の div には、2 つのラジオ ボタンが含まれています。

• 「最初の」ラジオ ボタン (.reveal_ccform) をクリック/選択すると、別の非表示の div が表示されます (ここまではすべて機能しています)。

• 次に、最初の非表示の div (ラジオ ボタン (#commenttype) を含む) を非表示にしてフェードアウトします (ユーザーが 2 つのラジオ ボタンのうち最初のラジオ ボタンのみを選択すると、2 番目のラジオ ボタンは別のページにリダイレクトされます)。あなたは疑問に思っていました。）

最初のラジオ ボタンをクリックして、最後のポイントを取得する (最初の隠し div をフェードアウトする) のを手伝ってくれる人はいますか?

ありがとうございました

私のコード:

ページ上部の「FAST QUOTE」ボタンから、slideDown パネルをインストールしました。

リンクテキスト

ユーザーがslideDownパネルの外のどこかをクリックしたときに、パネルをslideUpにすることはできますか? パネルの下？

これが私のコードhttp://jsfiddle.net/AB6J3/7/で、表示、編集などができます。

赤い枠のボックスにロールオーバーすると、オレンジ色のボックスが上にスライドし、マウスを離すと下にスライドします。他の方法ではうまく機能しますが、slideDown を slideUp に変更すると機能しません:/何が欠けていますか?

感謝します。

次のような div の 1 つのクラス (「open」) には、別のクラスの div (「items」) が含まれています。

私がやろうとしているのは、クリックされた「open」クラスにあるすべての「item」クラス div のスライドダウンです。

これまでのところ、

しかし、それは機能していません。助言がありますか？

ありがとう、ジョン

関数にjQueryのスライドアップとスライドダウンを使用して非常に単純なドロップダウンメニューを作成しましたが、マウスをすばやく上に移動したり、マウスを押したままにしたりすると、非常にジャンプします（Firefox 3.6.8を使用しています）。サブメニュー項目の 1 つ。

次のリンクで実際の例を作成しました。

http://jsfiddle.net/jUraw/19/

.stop(true, true) 関数がないと、さらに悪化します。ホバーインテントも追加しようとしましたが、同じ div にホバートリガーのスライドショーがあるため、スライドショーの機能と競合します。

足りないものはありますか？clearqueue が機能するか、タイムアウトする可能性があると聞いたことがありますが、それらをどこに追加すればよいかわかりません。

皆さんありがとう。