問題タブ [toggle]

動作する次のコードがありますが、各トグル アクションの最後で少し不安定になります。

段落を切り替えるとスムーズになりますか?

段落を取得しようとしていますが、その方法がわかりません。

誰でも私を助けてもらえますか？

前もって感謝します。

複数段落にもっと読む/もっと読む機能を追加しようとしています。

以下のHTMLとjqueryを使用しています。しかし、別の「続きを読む」リンクをクリックすると、正しく機能しません。'read more' 'read more' のままにするか、read more と read less のテキストが混乱します。

誰かがこれを修正する方法を教えてもらえますか?

前もって感謝します。

特定の値が選択されると、ページ上の他の 2 つの要素 (dt/dd ペア) を切り替えるフォーム選択要素があります。

イベントは正しくトリガーされますが、要素を切り替えることができません。ページ上のこれらの要素の「セット」の数が可変であるため、クラスセレクターを使用していることに注意してください。これが私のコードです：

Lender_id は私の select 要素クラスであり、次のような html コードです (この要素セットはページに複数回表示される可能性があります)。

リンク「このページにさらに追加」と「場所の設定」スライドが対応するdivを開き、関連するコンテンツを表示するBBCホームページに表示される効果を再現しようとしています。「このページにさらに追加」を選択すると、「さらに追加」セクションがスライドして開きます。[このページにさらに追加] を再度選択すると、[さらに追加] セクションが閉じます。ただし、[さらに追加] セクションが開いているときに [場所の設定] を選択すると、[場所の設定] を下にスライドする前に [さらに追加] セクションが上にスライドします。

次のコードを使用して、この効果を再現することができました。

HTML

Jクエリコード

問題は、誰かがリンク 1 をクリックしてからリンク 2 をすばやくクリックすると、両方の div がページに表示されることです。常に 1 つのセクションのみを表示する必要があります。この問題を解決する方法はありますか?

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

このようなものを使用してdivを切り替えます-

これはうまくいきます。私の質問は、スイッチのすべてのケースを変更する必要があるかのように、それを改善してより柔軟にする方法です。

また、スイッチ機能を関数に囲み、この関数をクリックや変更などのイベントにバインドする必要があります (トグルが機能することを確認するためだけに)??

ご協力いただきありがとうございます。

質問をクリックすると回答が切り替わる FAQ ページを作成しています。問題はh3、答えはいくつかのp要素です。このような：

p特定の質問に属するすべての要素を切り替えるにはどうすればよいですか? 私のJSpは、ページ上の次のすべての要素を切り替えます：

divやクラスは使用できません)。

レイアウト内の div の 1 つを切り替える JQuery 関数があります。問題は、div が表示または非表示になると、レイアウト全体が画面上で移動することです。レイアウトを変更せずに同じ表示/非表示効果を実現する方法はありますか?

関数を使用して非表示および表示するために JQuery を使用している DIV がいくつかありtoggle()ます。これはうまくいきました。

しかし、これらの DIV のいくつかの間にいくつかの関係があり、それらのいくつかをクラスにグループ化できることを認識しました。

これにより、各 DIV ID ではなく DIV クラスを切り替えることができるようになることを期待していました。

だから私はこれをしたい：

これの代わりに：

しかし、この詳細な ID アクセスだけが機能しているようです。理由はありますか？

jQuery を使用して FAQ の質問への回答を表示/非表示にしようとしています。アイデアは、すべての質問が一覧表示され、ユーザーが回答を見たい場合にのみ質問 (リンクのように見える) をクリックすると、回答が表示されるというものです。

クリックするとすぐに回答が元の状態に戻ることを除いて、それは一種の機能です。この場合、質問をクリックして回答を表示すると、もう一度クリックして非表示に切り替えるまで表示されたままになるのではなく、表示されて次の瞬間に消えます。

以下のコードを貼り付けました。