問題タブ [slidetoggle]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
3437 参照

jquery - Jquery - 既存の高さの slideDown

高さ 100px を設定するクラスの div と、overflow:hidden (実質的にコンテンツのプレビュー) がある場合、div の高さいっぱいまでスライドする 'slideDown()' メソッドをどのように組み込むことができますか? (つまり、css クラスの高さ制限を削除します)。

0 投票する
3 に答える
3911 参照

jquery - jQuery スライド Firefox でちらつきを切り替える

Firefox でちらつきを作成する、slideToggle に関する特定の状況があります。

拡張要素がページより長くなり、Firefox で垂直スクロールバーが表示される状況でした。

下にスクロールして展開要素内のすべてのテキストを読み、トリガーをクリックして要素を閉じると、Firefox が一瞬点滅し、ページが再調整され、展開要素が展開される前の位置に戻ります。「return false;」を追加してみました 無駄に。

これは、FF で最後の項目 (Herbal Teas) をクリックして閉じたときの効果を確認できるテスト ページです: http://pollak-labs.com/clients/birthyourself/?page_id=21

0 投票する
2 に答える
3109 参照

jquery - リストのみを使用したIE8でのJquery slideToggleの問題

私はJqueryを初めて使用し、初めてslideToggleを使用していくつかのドロップダウンを作成しようとしました。それらのいくつかは互いの上に積み重ねられており、1 つをクリックすると、他のすべてが折りたたまれます。私は始めたばかりなので、私のコードは理想的ではないと確信していますが、IE8を除いてすべて正常に動作します。IE8 では、ドロップダウンを閉じるとドロップダウン間のスペースが崩壊し、すべてがめちゃくちゃになります。ページの左側にあるメニューを使用して、demo.djcase.com で問題を確認できます。

すべての jquery コードはhttp://demo.djcase.com/sites/all/themes/djcase/script.jsにあります。

どんな助けでも大歓迎です。ありがとう。ブライアン

0 投票する
5 に答える
3038 参照

jquery - アニメーションまたは slideUp/slideDown で stop() を使用する場合の jQuery の高さ

非表示のサブメニューがあるメニューがあります。

メニューアイテムにマウスオーバーするとサブメニューが開き、マウスアウトするとサブメニューが閉じるようにアニメーション化しています。

ユーザーが多くのメニュー項目の上にマウスを置くと、すべてのアニメーションがキューに入れられます。

キューイングの問題を解決するために、アニメーションの前に stop() を追加しました。

これにより、サブメニューの高さがマウスアウト時のサイズに縮小するというさらに悪い問題が発生しました。

0 投票する
1 に答える
6261 参照

jquery - jQuery トグル Cookie サポート

jQuery Cookie プラグインをスライド トグル スクリプトに実装しようとしていますが、今のところ成功していません。これが私のコードです(Cookieの実装なし):

jQuery:

HTML:

jQuery Cookie プラグインを既存のコードに実装して、開いている/閉じている状態を記憶するのが簡単かどうか誰でも知っていますか?

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

0 投票する
2 に答える
2580 参照

jquery - jQueryのクリック機能とslideToggle

私の問題は、ユーザーがクリックすると、その下に<h4>ある非表示が開く<div>ことです。すばらしいです。期待どおりに動作します。ただし、ユーザーが同じものをクリックすると、すぐ<h4>に閉じて<div>再び開きます。

<div>閉じたままにする必要があります。また、残りの機能を維持する必要があります。

これは私のjQueryです:

編集 これは私のHTMLです:

0 投票する
2 に答える
6521 参照

jquery - Jquery Slidetoggle 1 div を開いて別の div を閉じる

別の div をクリックすると、ある div を閉じようとしています。現在、一度に複数の div を開きます。

Jクエリ:

HTML:

0 投票する
2 に答える
3818 参照

jquery - jqueryは複数のdivを切り替えて、1つをオンにし、残りをオフにします

こんにちは、h3 を選択すると別の div が表示され、別の h3 を選択すると新しい div現れて、もう一方は消えます。

左の列は私のアコーディオン ウィジェットです。h3 を選択すると、中央の div が表示され (アニメーションは関係ありません)、その div 内にフローティングの右の列が表示され、3 列のレイアウトの外観になります。右側の列は、その中央の div 内のコンテンツを表示/非表示にするために使用されます。まだ私と一緒に????

最初の h3 はデフォルトで開いていることに注意してください。そのため、関連する中央の列も開いており、右の列もその中にありますが、別の h3 が選択されると消えます。

私のjquery/javascriptはせいぜい最小限であり、これを使用する方向性は考えられません。

トグルを使用しますか? 表示/非表示? どんなアイデアでも大歓迎です!

だから私がやろうとしているのは、アイテム/コンテンツの洗濯物リストを表示するのではなく、ユーザーがリンクをクリックしたときに表示/非表示、トグルなどのためにコンテンツがdiv内のリンクから取り込まれているという効果を与えることだと思います.

0 投票する
1 に答える
2778 参照

jquery - JQuery - SlideToggle 複数の DIV を同時に切り替えますか?

私はJQueryが初めてで、OCDの問題が少しあります。

クリック機能で SlideToggle を使用して、コンテナー div を非表示/表示しています。ただし、その中の div はスライドせず、表示されるだけです。

両方の DIV を一緒にスライドさせる方法はありますか?

Jクエリ:

HTML: