回答編集履歴

文言の追加

2017/10/03 16:22

投稿

スコア2043

test CHANGED Viewed

@@ -244,6 +244,10 @@
+それに加え、位置関係ガン無視で影響を与えられるようになるのも長所です。
 ```javascript
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

文言の追加

2017/10/03 16:22

投稿

スコア2043

test CHANGED Viewed

@@ -240,7 +240,7 @@
-私はjQueryの方が好きです。こっちの方がやっていることがわかりやすいです。
+私はjQueryの方が好きです。多少助長気味にしてでも、こっちの方がやっていることがわかりやすくていいと思います。

コードのミス

2017/10/03 16:19

投稿

スコア2043

test CHANGED Viewed

@@ -256,13 +256,13 @@
     function(){
-      $(".exp0 h1,p").hide();
+      $(".exp0 *").hide();
     },
     function(){
-      $(".exp0 h1,p").show();
+      $(".exp0 *").show();
     }
@@ -282,7 +282,7 @@
 ```css
-.img0:hover ~ .exp0{
+.img0:hover + .exp0{
     display: none;

追記しました。

2017/10/03 15:59

投稿

スコア2043

test CHANGED Viewed

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

コードの訂正

2017/10/03 15:55

投稿

スコア2043

test CHANGED Viewed

@@ -256,13 +256,13 @@
     function(){
-      $(".exp0").hide();
+      $(".exp0 h1,p").hide();
     },
     function(){
-      $(".exp0").show();
+      $(".exp0 h1,p").show();
     }