質問: いつもお世話になってます。 質問は表題のとおりです。 各liのホバー時にその直下にあるコメントを表示したいです。 コードは下記になります。 ``` コメント1 コメント2 コメント3 コメント4 ``` liが4つあるので、そのliのホバー時にその直下のコメントだけを表示したいです。 ホバーが外れた時は、非表示に戻したいです。 その他必要情報がありましたら追記いたしますのでおっしゃってください。 宜しくお願いします。 追記です。 失礼しました!最初は非表示になっています。 cssは下記です! ``` .faq_center ul li p { width: 245px; padding: 30px 0 0 75px; text-align: justify; display: none; ``` 宜しくお願いします。
回答: スタイルシートでよくないですか? ``` .faq_center h4:not(:hover)+p{display:none}; .faq_center h4:hover+p{display:block;}; ``` ※よくかんがえたら:hover指定の方はいらないですね ``` .faq_center h4:not(:hover)+p{display:none}; ``` のみでOK