回答編集履歴
1
調整
answer
CHANGED
|
@@ -5,4 +5,16 @@
|
|
|
5
5
|
> li内にあるaタグで指定するとhoverが反応しないのはなぜなのでしょうか？
|
|
6
6
|
|
|
7
7
|
childrenは要素の直下の要素を取ります。ul要素の直下にはliタグしかないのでaは反応しません。
|
|
8
|
-
また仮に反応したとしてもaの中にulがないのでaにhoverしてもulは操作できません
|
|
8
|
+
また仮に反応したとしてもaの中にulがないのでaにhoverしてもulは操作できません
|
|
9
|
+
|
|
10
|
+
# 参考
|
|
11
|
+
|
|
12
|
+
aを基軸に処理したいならこう
|
|
13
|
+
```javascript
|
|
14
|
+
$(function(){
|
|
15
|
+
$("#navi > li > a").hover(function(){
|
|
16
|
+
$(this).closest('li').children("ul").stop().slideToggle(100);
|
|
17
|
+
});
|
|
18
|
+
});
|
|
19
|
+
```
|
|
20
|
+
「#nav」直下のli直下のaのhoverで、aの自分を含む上位の近接するliのulにスライド処理します
|