問題タブ [slidetoggle]

何千ものレコード（div要素）が含まれるテーブルがあります。各 div はクリック可能で、各レコードをクリックすると、クリックされた div の下に隠れている div が、slideToggle を使用して表示されます。

レコード数が非常に多いため、slideToggle の効果は望ましいものではありません。スライドするのではなく、div を表示するだけです。

次のイベントハンドラーコードがあります

これらのレコードをページに分割したくありません。

slideToggle 効果がスムーズになるようにできることはありますか?

ありがとう

私はslideToggleテクニックを使用して、アプリケーション内の情報でいっぱいの100以上のDIVを表示および非表示にしています。[すべて表示]ボタンと[すべて非表示]ボタンがあり、（すべてを表示および非表示にするだけでなく）slideToggleアニメーションも表示したいと思います。ただし、IE6では、slideToggleを各要素に適用すると、実行速度が非常に遅くなります。

誰かがこれをスピードアップする方法を知っていますか？また、msg_headにあるアイコンを切り替えていますが、速度が低下することはありません。slideToggleを削除して、表示/非表示（すべて表示/すべて非表示）に置き換えると、正常に機能します。でも、できればアニメが欲しいです。

そして、私のすべてを表示し、すべての機能を非表示にします...

記録のために、個々のtoggleSection（）関数は完璧に実行されます。また、showall関数とhideall関数のslideToggleをshowとhideに置き換えることもできます。私は本当に、slideToggleアニメーションを詰まらせずに取得する方法があるかどうかを確認しています。

私はこのマークアップを持っています：

jQueryを介して、.slideToggleを実行して最上位のdivを表示/非表示にします。

折りたたまれているか展開されているかにかかわらず、2つのdivの間に常に10pxのスペースがあるようにしたいと思います。

ただし、動作は、上部のdivが下にスライドしても、10ピクセルのマージンは残りますが、上部のdivが下にスライドし終わるとすぐに、10ピクセルのマージンが消えます。おそらくマージン崩壊の問題のようです。

私が思いついた解決策はこれです：

＆nbsp; 2つを「分離」し、10pxのマージンを維持するには、divにコンテンツが必要であるため、が重要です。

.clearfix：afterアプローチも試しましたが、このシナリオでは機能しないため、これはjQuery中心の問題である可能性があります。誰かがこれに遭遇し、余分なdivよりもエレガントな解決策を見つけましたか？

こんにちは、私が使用している jquery ui アコーディオンに基づいて、アコーディオン リスト項目にスライド トグルを追加しました。そのため、li をクリックすると、その下に div がスライドして、より多くのコンテンツが表示されます。

私が抱えている問題は、slidetoggle を参照するために複数の ID を作成する必要があることです。

div id css の例: #panel、#panel2、#panel3、#panel4 など....

別の番号を追加せずにスライドトグルを使用してスライドさせる方法はありますか? 使用している 50 個のリスト アイテムがあります。

これがjsのサンプルです（これでどこに行くのかがわかります）：

サンプルhtml:

スライド div をslideToggleで適切に動作させようとしています。まず、作業用の URL は次のとおりです: *リンクは削除されました

私が抱えている問題は、スライドダウン効果ではなく、ブラインド効果が増えていることです. 私は CSS を変更し、負の上部マージンなどを使用しようとしましたが、役に立ちませんでした。私が達成しようとしているのは、基本的に、telek-dot-comの製品メニューとサイト内のすべての製品メニューと同じです。aspnet -ajax/controls/examples/default/にあるものは、クリック機能を介して私がやろうとしていることにより関連しています。これらは異なる可能性があることは理解していますが、基本的に機能的に探しているのは、ブラインドダウンではなくスライドインを行うための div です。

助けてくれてありがとう。

また、これに加えて、パネルがスライドインするとパネルの実際のコンテンツをフェードインし、タブをクリックしてパネルを閉じるとフェードアウトしてからスライドアップしたいと思います。h2とpにfadeIn関数を追加しようとしましたが、うまくいきませんでした。誰かがこれに参加したい場合は、お気軽に。ありがとうございました！

私のjQueryslideToggle()実験

私が箱を開けたときになぜ私の箱が「ジャンプ」するのか誰かに教えてもらえますか？前半はスライドし、残りは「ジャンプ」しますか？

ありがとう、 ヨハネス

アイコンをクリックしたときに、ユーザーの Twitter フィードを表示/非表示にしようとしています。問題は、私のマークアップが次のようになっていることです。

そして、私のjqueryはslideToggle()を使用しています

これは正常に動作しますが、<img>と は<span>インラインで表示され、左にフロートされます。img をクリックすると、トグルされます<span>が、ブロック レベルの要素か何かに変わるようで、次の行にドロップダウンします。

私が本当に達成したいのは、それらを右に浮かせ、表示されたら左に<span>押し、<img>非表示になったら再び折りたたむことです。

トピックで要約したように、クリックされたリンクに関連するDIVを表示し、Jqueryで他のDIVを非表示にします。私が言っていることを理解できるようにするには、Worldlinesにアクセスしてください

いくつかのニュースに関連するトピックが表示されます。誰かがトピックをクリックすると、ニュースdivはクリックされたトピックの下にスライドダウンし、以前に読んだニュースdivは非表示になります。

何が欲しいのかはっきり言ったと思います。

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

これは、状況を説明するために私が作成したコードの例です。うまく機能しますが、切り替えてtbodyを非表示にすると、疎遠効果が発生します（最初に、tbodyを実際の3〜4倍に拡張してから、まっすぐに折りたたむと、下にスライドすると、まっすぐに移動します。 ）。

下にスライドするときは問題ありませんが、折りたたむときは問題になります。

これを手に入れてもらえますか？

ありがとう

コード。

高さが 400px で ID が「content」の Div があります。次に、Div で slideToggle を実行し、さまざまな高さ (200px など) の Div にデータをロードしてから、別の slideToggle を実行します。私が得たのは、スライドが 400px に拡大してから 200px に戻ったことです。逆も同じで、200pxに拡大してから400pxにジャンプします。

これは私のコードです：

そこで、コンテンツ Div を上にスライドし、データをロードし、ロード後にスライドを下に戻す、このようなことができると考えました。これは上記の方法のようにジャンプするわけではありませんが、なぜかかなりぎくしゃくしています。

スムーズにスライドできるように、これを行うより良い方法があるかどうか誰か教えてもらえますか?