回答編集履歴

文言の追加

2017/10/03 16:22

投稿

スコア2045

answer CHANGED Viewed

@@ -121,6 +121,8 @@
 私はjQueryの方が好きです。多少助長気味にしてでも、こっちの方がやっていることがわかりやすくていいと思います。
+それに加え、位置関係ガン無視で影響を与えられるようになるのも長所です。
 ```javascript
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 <script>

文言の追加

2017/10/03 16:22

投稿

スコア2045

answer CHANGED Viewed

@@ -119,7 +119,7 @@
 </html>
 ```
-私はjQueryの方が好きです。こっちの方がやっていることがわかりやすいです。
+私はjQueryの方が好きです。多少助長気味にしてでも、こっちの方がやっていることがわかりやすくていいと思います。
 ```javascript
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

コードのミス

2017/10/03 16:19

投稿

スコア2045

answer CHANGED Viewed

@@ -127,10 +127,10 @@
 $(function(){
   $(".img0").hover(
     function(){
-      $(".exp0 h1,p").hide();
+      $(".exp0 *").hide();
     },
     function(){
-      $(".exp0 h1,p").show();
+      $(".exp0 *").show();
     }
   );
 });
@@ -140,7 +140,7 @@
 ## 追記
 kei344様が仰ったように変更した場合は
 ```css
-.img0:hover ~ .exp0{
+.img0:hover + .exp0{
     display: none;
 }/*ここがきかない*/
 ```

追記しました。

2017/10/03 15:59

投稿

スコア2045

answer CHANGED Viewed

@@ -135,4 +135,19 @@
   );
 });
 </script>
-```
+```
+## 追記
+kei344様が仰ったように変更した場合は
+```css
+.img0:hover ~ .exp0{
+    display: none;
+}/*ここがきかない*/
+```
+を
+```css
+.img0:hover ~ .exp0 *{
+    display: none;
+}
+```
+と変更するだけで`hover`で説明文のみ消せます。一石二鳥ですね。

コードの訂正

2017/10/03 15:55

投稿

スコア2045

answer CHANGED Viewed

@@ -127,10 +127,10 @@
 $(function(){
   $(".img0").hover(
     function(){
-      $(".exp0").hide();
+      $(".exp0 h1,p").hide();
     },
     function(){
-      $(".exp0").show();
+      $(".exp0 h1,p").show();
     }
   );
 });