質問: ### 前提・実現したいこと 書き方は違うが動きは同じです。自分のコードは問題ないのか教えていただきたいです。 ここに質問の内容を詳しく書いてください。 プロゲートjQuery 中級編を練習しています。 アイコンをhover したら下にテキストが出て、離したら消える部分です。 プロゲートではaddclassとremoveclassを使うようになっています。 自分が思う書き方を試してみたら動きは同じに思えたのですが、 考え方として合っているのかがわからないです。 よろしくお願いいたします。 ### 発生している問題・エラーメッセージ ``` エラーメッセージ ``` ### 該当のソースコード ●HTML HTML & CSS ウェブページの作成に使用される言語です。HTMLとCSSを組み合わせることで、静的なページを作り上げることができます。 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリです。 アニメーション効果をつけたり、Ajax(エイジャックス)を使って外部ファイルを読み込んだりと色々なことができます。 Ruby オープンソースの動的なプログラミング言語で、 シンプルさと高い生産性を備えています。大きなWebアプリケーションから小さな日用ツールまで、さまざまなソフトウェアを作ることができます。 PHP HTMLだけではページの内容を変えることはできません。PHPはHTMLにプログラムを埋め込み、それを可能にします。 ```ここに言語名を入力 ●自分のコード ソースコード $('.lesson-hover').hover( function() { // 子要素の「.text-contents」の要素を取得し、text-activeクラスをつけてください $(this).find('.text-contents').show(); }, function() { // 子要素の「.text-contents」の要素を取得し、text-activeクラスを外してください $(this).find('.text-contents').hide(); } ); 答えのコード $('.lesson-hover').hover( function() { // 子要素の「.text-contents」の要素を取得し、text-activeクラスをつけてください $(this).find('.text-contents').addClass('text-active'); }, function() { // 子要素の「.text-contents」の要素を取得し、text-activeクラスを外してください $(this).find('.text-contents').removeClass('text-active'); } ); ### 試したこと ここに問題に対して試したことを記載してください。 ### 補足情報(FW/ツールのバージョンなど) ここにより詳細な情報を記載してください ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/49ae41d2d71a597eaa3f40a06329e62b.png)
回答: > > 子要素の「.text-contents」の要素を取得し、text-activeクラスをつけてください > > > 「自分の書いたコード」は、その指示に従っていないです。