問題タブ [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 に答える
12197 参照

jquery - jQuery slideToggle ホバー時に開いたままにする

私はslideToggleを使用してslideDownをアクティブにするためにjQueryホバーイベントをバインドしたdivを持っています:

そのすぐ下にある div '.GraySquare' を切り替えます。基本的に、灰色のボックスを赤いボックスから下にスライドさせます。私が直面している問題は、マウスが灰色の div の上に移動すると、スライドがトグルすることです。赤または灰色の四角の上にカーソルを置いたときに、それを下げたままにしたい。

どんな助けでも大歓迎です。

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

jquery - Jquery slideToggleの問題

  1. 最初のクリックでのみ機能します。もう一度クリックしても元に戻りません。
  2. 左から右にスライドするようにアニメーション化する方法は?
0 投票する
2 に答える
3839 参照

jquery - jquery slideToggle()と不明な高さ?

私はjquery1.3.2を使用しており、これは次のコードです。

ここに表示されている場合、小さな緑+がたくさんあります。これをクリックすると、テキストが表示され、そのリンクの背景位置が変更されるため、画像の他の部分である赤-が表示されます。

ですから、私が抱えている問題は、テキストの量に依存するため、これらの非表示要素の高さがわからないことです。したがって、+をクリックして表示すると、アニメーションが「ジャンプ」します。

私が見つけた回避策の1つは、固定の高さとオーバーフローを配置することです。これらの非表示の要素に非表示にします。左上のブロック(上部に「Vestiiz sveta crtanogfilma」があるブロック)でどれだけスムーズなアニメーションが実行されているかを確認できます。他のすべてのブロックの高さは固定されておらず、アニメーションには「ジャンプ」があります。左上のブロックの固定高さは30pxですが、多くの場合、必要な高さが高い要素と低い要素があるため、これは適切な解決策ではありません... :)

では、高さが固定されていないときにこのアニメーションが「ジャンプ」しないようにするにはどうすればよいでしょうか。

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

jquery - このjqueryslideToggleコードが機能しないのはなぜですか?

展開/折りたたみボタンのボタンテキストを変更しようとしています。基本的に、ユーザーが[折りたたみ]をクリックしてslideToggleを実行し、slideToggleが完了したら、ボタンのテキストを[展開]に変更します。その逆も同様です。

次のコードはうまく機能しますが、展開/折りたたみボタンをすばやくクリックすると、気が狂い、すでに展開されている場合は「展開」、すでに折りたたまれている場合は「折りたたみ」と表示されます。

ヒントをいただければ幸いです。

ありがとう!

関数toggleBox(ボタン、ボックス){if($(box).is( ":hidden")){$(box).slideToggle( "slow"、function(){$(button).html( "Collapse") ;}); } else {$(box).slideToggle( "slow"、function(){$(button).html( "Expand");}); }}

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

jquery - JQuery slideToggle 画像の src を置き換える

この関数は、上/下矢印をクリックして非表示の div をスライドすると呼び出されます。div が非表示の場合、矢印は下を指し、div が表示されると上に変わります。div が表示されている場合、矢印は上向きで div を非表示にし、div を閉じると下向きに変わります。これを行うためのより効率的な方法があるかどうか、またはこれが正しい方法であるかどうかを知りたかっただけです。ありがとう。

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

javascript - 1 つの関数でさまざまな div を動的に展開しようとしています

同じコードで複数のdivを動的に展開/折りたたむことができるようにしようとしています....

スパンのクリック(トグル)で制御され、次のID(上下にスライドするdiv)を取得しようとしています

このコードは 1 つの div を展開するように機能します...しかし、div があると仮定します

同じコードで同じ効果を得るにはどうすればよいですか? ありがとう!

編集

各 div を個別に切り替える必要があることに注意してください。#albumholder に影響しているスパンのプラス ボタンをクリックすると、#downloadholder または #linksholder が展開されないはずです

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

javascript - jQueryslideToggleジャンプして閉じる

jQueryを使用してテーブル内でslideToggleを実行しようとしていますが、FF、OP、CHromeで機能します。IE(6,7,8)だけが私に問題を与えています。完全に上下にスライドしますが、スライドアップアニメーションが終了した後です。非表示が完全な高さでポップアップしてから閉じます。

ですから、最小の高さから「display:none」に切り替わるときは、少しの間表示されるはずです。

コードは動的にビルドされますが、例を挙げてみましょう。

ここでのslideToggleに関するその他の問題は、パディング、マージン、またはアニメーションの問題のみを説明していますが、それはすべて機能します。

ヘルプをいただければ幸いです。

Thx、Spanky

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

javascript - 個々の項目の大きなリストで Jquery slideToggle を使用する

jquery slideToggleを使用してアニメーション化しようとしている大きなネストされたリストがあります。個々のネストされたリスト (id="Nested" + counter) を個別にアニメーション化して、ユーザーが他のリストに影響を与えずにリストの表示/非表示を切り替えることができるようにします。アニメーションは、対応する「trigger_Nested」(+ カウンター) リンクによってトリガーされます。

ただし、約 75 個のネストされたリストが存在することになるため、アンカーとリストの各ペアを個別にリストする必要はありません。

おそらく、カウンターを使用してこれを動的に行う非常に簡単な方法があると思いますが、私はJavascriptの初心者なので、それを理解できません。私が以下に持っているjsは、すべてのリストを同時に切り替えますが、これは私が望むものではありません.

どんな助けでも大歓迎です、ありがとう!

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

jquery - jQuery slideToggle を使用して Div を展開する

誰でも私のためにこれに光を当てることができますか:

http://67.212.188.229/fcf/index.html <- 右側のサイド パネルを見てください。ユーザーにどちらかをクリックしてもらい、ボックスをそのコンテンツとともに展開してもらいたいと思います。クリックとコンテンツがありますが、なんらかの理由で div をコンテンツで展開できません。

どんな助けでも大歓迎です。

よろしく、

んん

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

jquery - Jquery-Toggle&page refresh open div

URLからJQueryトグルを開くにはどうすればよいですか?現時点では、hrefアクションを防ぐためにreturn falseを使用していますが、ページを更新するためにhrefアクションを保持したいと思います。

これが私のコードです

これはhtmlです

さまざまな理由で言ったように、クリックするだけでページを更新したいと思います。