問題タブ [toggle]

このコードを実行すると、

トグルは呼び出されません。

代わりに次のコードを書くと、うまくいきます。なんで？

私はテーブルを持っています。各行はレコードです。jqueryを介して行（レコード）をクリックすると、その下に新しいTRを作成し、AJAXを介して新しいテーブル（上記のレコードに関連するデータの関連サブセット）を挿入します。これが最初にロードされてから、アニメーションでTRを展開します。

よさそうだ。

ロードされて展開されたので、このTRを簡単に切り替えて、AJAXを介してコンテンツを再ロードせずに折りたたんで展開できるようにします。

明白で最も単純なオプションは、トリガーのイベントハンドラーを変更し、それにTOGGLEイベントを与えることです。

機能的には、これは機能します。美的には、しかし、それは完全に混乱しています。

最初に.toggleして閉じると、新しいTRの内容は適切に折りたたまれますが、TRが完全に折りたたまれるまで親テーブルの残りの部分は続きません。その後、親テーブルはすぐに折りたたまれてギャップを埋めます。これは耳障りです。

次に、開くための次の.toggleで、子テーブルは親テーブルの外側でアニメーション化され、すぐにその幅を折りたたむ。また、非常に耳障りで、親に比べて非常に狭いテーブルが残っています。

トグルイベントからアニメーションを省略した場合、適切なトランジションがなくても、正常に機能します。これはおそらく、jQueryに関連するCSSに関連していると思いますか？この不安定な視覚的動作が発生しないようにするために、CSSに関して何を宣言する必要があるかについての指針はありますか？

編集：マットの要求ごとに、マークアップ/スクリプト：

トグルに使用するjquery：

アクション項目として、入力ボタンの代わりにハイパーリンクを使用して、jQuery の「slidetoggle」効果を実行するにはどうすればよいですか?

jQueryのリファレンスページで

フォーム入力ボタンの使用例のみを示します。

ボタンの代わりに、ハイパーリンクをトグルクリック可能なアクションにしたいと思います。

JQueryトグルイベントを1回だけ発生させ、別のJQueryトグルイベントが完了したのはどのようにしたらよいでしょうか。

私は次のものを持っています：

• 私が持っている<div id="displayDivWhenPageLoads">...</div>-このDIVは、Webページが読み込まれるときに表示（表示）されます。
• 私も持っています<div id="displayDivWhenToggledSelected">...</div>-このDIVはdisplay:none、Webページが最初に読み込まれるときに非表示になります（）。

私がやりたいのは、誰かが私のJQueryトグルアクションボタンを押したときです。

1. div = displayDivWhenPageLoadsを切り替えて、divが表示されないようにします（display：none）
2. 次に、一度だけ、displayDivWhenPageLoads DIVが切り替えられて表示されなくなり、次にdiv = displayDivWhenToggledSelectedが切り替えられて、このdivが表示されるようになりました。

わかる？

私はAPIhttp://docs.jquery.com/Effects/slideToggle#speedcallbackを見てきましたが、最初のトグルが完了した後、2番目のトグルを起動する方法がわかりません。

jQuery UI ポートレットのアイコンを変更しようとしています。最小化するプラスと拡大するマイナスではなく、それらを切り替えたかったのです。

初めてマイナスをクリックするとプラスに変わりますが、プラスがマイナスに変わることはありません。これに関するヘルプは大歓迎です。

サンプル HTML は次のとおりです。

jQueryについて私が思いついたのは次のとおりです。

どうやってプラスとマイナスを正しく切り替えることができたのか正確にはわかりません。

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

チェックボックスをオンにすると、関連する UL が展開され、選択に基づいてより多くのオプションが表示されるように、フォームをセットアップしました。機能しますが、ユーザーがチェックボックスのラベルをクリックした場合のみです。チェックボックスをクリックすると、UL は期待どおりに展開されますが、ボックスはチェックされません。

Javascript:

HTML:

slideToggle() 関数が正常に機能していませんでした。ボックス/ラベルをクリックすると、UL が展開してすぐに収縮します。停止させる唯一の方法は、「return false;」を追加することでした。もちろん、これによりチェックボックスがチェックされなくなります。したがって、checkbox.attr() です。

ハッキングされたコード、私は知っています。しかし、どうすればチェックボックスを機能させることができますか? >.<

Google アナリティクスのトップ コンテンツのようなトグル表示行を追加したいと考えています。

Google アナリティクスのトップ コンテンツの下部に、20、50 などを選択してトップ コンテンツの数を切り替えるドロップダウン オプションがあります。

この JavaScript を動的に生成された製品リストに追加したいと考えています。

selectタグでonChargeを使っているようです。

この関数には jquery を使用したいと考えています。

これまたはリソースに関するアドバイスはありますか？

前もって感謝します。

jqueryを使用していくつかの段落を切り替えています。たった1つの段落でかなり簡単ですが、非常に一般的なセットアップがあると言います。2 番目の段落は、最初は css で非表示になっています。

問題は、「続きを読む」リンクのいずれかをクリックするたびに、1 つおきの段落が表示されることです。クリックした段落の 2 番目の段落を表示したいだけです。

jquery初心者です...

（Jquery）2つのdivがあり、それぞれへのリンクを使用して、ページ上で前後に切り替えています（表示と非表示）。クリックされたリンクを強調表示された背景色に変更し、もう一方をクリックすると強調表示され、前のリンクが通常に戻ります。

div用に取得したトグルコードを作り直して、リンク上のcssに適用しようとしましたが、理解できません。

誰かアイデアがあればありがたいです。ありがとうございました。