railsのjsについて （コメントの表示・非表示ができるようにしたい。）

Question

プログラミング初心者です。
railsのjsについて

下記、『コメント一覧』をクリックした後に
コメントが表示されるようにしたいのですが、うまくいきません。

解決方法等、ご教示いただきたく質問させて頂きました。

Answer 1

このコードの場合、複数のコメントがあるときにHTMLのIDが重複してしまいます。

<p id='comment' ...> というのがコメント毎に生成されるのですが、HTML的にはIDはページの中で一意であることを期待されていて、jQueryもそれを期待して動くため、クリックしても1つしか表示されないのかと思います。（これはRails固有の話ではなく、HTMLとJavaScriptの仕様に関わるものです)

同じコードのままとりあえず表示させたい場合は、IDを使うのではなclassを使うと良いのではないかと思います。
また、他の方法としては、複数のコメントを囲む要素を一つつくり、それを表示非表示させるとうまくいくのではないかと思います。

Comments

[mofuo222]

kenchankunsan様

ご助言ありがとうございます。本当に困っていたので、
すごく助かります！
今、パソコンが調子悪く使えない為、明日確認してご連絡いたします。

[mofuo222]

kenchankunsan様
なんども、申し訳ございません。
ご教示頂いた内容にて試した結果、全てのコメントが表示されるようになったのですが、
コメント一覧をクリックすると『全ての投稿に対してのコメント』が表示されてしまう状況です。
目標としては、
『１つの投稿のコメント一覧をクリックすると、その投稿に対するコメントを表示したいと思ってます。』
このような場合、どのように対処すればよろしいのでしょうか？

すごく初歩的なことなのかもしれませんが、やり方がわからず、
対応方法についてご教示頂くことは可能でしょうか？
何度も、本当に申し訳ございませんが、よろしくお願い致します。

[kenchankunsan]

なるほどなるほど。それはここの情報だけだと少しむずかしいですね。
おそらく以下のような構造になっていると思います。

- 投稿1
-- コメント1-1
-- コメント1-2
- 投稿2
-- コメント2-1
-- コメント2-2
-- コメント2-3

このときに、投稿１の「コメントを見る」ボタンを押したときに、コメント1-1とコメント1-2だけを出したいということですよね？

ここからはJavaScriptの問題なので、似たようなページやサンプルを見つけて書いていくしかないと思うのですが、

- コメントにつけるクラスにどの投稿に紐づくものかを識別出来るような名前をつける
- 「コメントを見る」ボタンの中のJavaScriptではどの投稿に紐づくボタンが押されたのかわかるようにする

という２つをやると、期待するような動作をするのではないかと思います。

Railsとは関係ない部分ですので、シンプルなHTMLとJavaScriptで動きを確認するとよいのではないでしょうか。

[mofuo222]

ご回答ありがとうございます！
ちょっと、一度自分なりにやってみようと思います。
本当にありがとうございました！