回答編集履歴
1
完成前に勝手に投稿されたものを修正。mbpのキーボードのせいです。本当に酷い
answer
CHANGED
|
@@ -1,26 +1,15 @@
|
|
|
1
|
+
シンプルにこのように書かれてはいかがですか？
|
|
1
2
|
```JavaScript
|
|
2
3
|
$('.target').on({
|
|
3
4
|
mouseenter: function() {
|
|
5
|
+
// 略
|
|
4
6
|
},
|
|
5
7
|
mouseleave: function() {
|
|
6
|
-
$(this)
|
|
7
|
-
.find('.hover-visible')
|
|
8
|
-
.hide();
|
|
9
|
-
$(this)
|
|
10
|
-
|
|
8
|
+
// 略
|
|
11
|
-
.show();
|
|
12
9
|
},
|
|
13
10
|
click: function() {
|
|
14
|
-
$(".hover-visible").hide();
|
|
15
|
-
|
|
11
|
+
// 略
|
|
16
12
|
|
|
17
|
-
$(this)
|
|
18
|
-
.find(".visible")
|
|
19
|
-
.hide();
|
|
20
|
-
$(this)
|
|
21
|
-
.find(".hover-visible")
|
|
22
|
-
.show();
|
|
23
|
-
|
|
24
13
|
// 動かないようにしたいだけなら
|
|
25
14
|
$(this).off('mouseenter mouseleave');
|
|
26
15
|
|
|
@@ -30,4 +19,5 @@
|
|
|
30
19
|
});
|
|
31
20
|
}
|
|
32
21
|
});
|
|
33
|
-
```
|
|
22
|
+
```
|
|
23
|
+
[動作確認](https://codepen.io/shinji709/pen/zYxOJLQ)
|