JavaScript - コメント返信ボックスの問題の表示と非表示を切り替える

Question

最近、記事のコメントに返信しているのですが、テーブルの構造が明確になりました。ただし、フロントページを作成する際に、テンプレートに基づいて返信ボックスを事前に生成するのか、それともユーザーが返信ボタンをクリックしたときに現在のコメントの下に動的に js が追加されるのかはわかりません。その間。事前に生成しておいたほうが値を取得するのに便利ですが、要素の検索や要素の追加などが必要なjsの動的生成とは異なり、これについてはよくわかりません。どの解決策が良いのかわかりません。2番目の質問返信のクリックをどう判断するか? 返信ボックスを表示し、もう一度クリックすると非表示になります。他の返信ボタンをクリックすると、元の返信ボックスは非表示になります。現在の表示は js にあまり慣れていません。ここでのロジックは次のとおりです。あまり明確ではありません。専門家からアドバイスをいただければ幸いです。よろしくお願いします＃＃＃

Answer 1

HTML 構造が次のようになっていると仮定します

リーリー

1. 返信コンテンツボックスの存在については、クリック時のDOMの過度な操作を避けるため、効率に影響を与えるため、最初にレンダリングされるべきだと個人的には考えています。そして、後から追加されたHTMLコードにより、JSコードが有効にならない可能性があります~

2. 返信ボックスが表示されると、表示クラスが設定されます。表示された返信ボックスをクリックすると、返信ボックスが非表示になったことを示すために表示クラスが削除され、プログラムは返信ボックスに が含まれているかどうかを判断します。クラスを表示します。

リーリー

満足したら採用してください〜

Answer 2

タブスイッチを見つけて学習することをお勧めします

原理はほぼ同じです。