回答編集履歴
1
修正
test
CHANGED
|
@@ -18,13 +18,21 @@
|
|
|
18
18
|
|
|
19
19
|
```css
|
|
20
20
|
|
|
21
|
-
.hamburger.active
|
|
21
|
+
.hamburger.active + nav.globalMenuSp {
|
|
22
22
|
|
|
23
23
|
transform: translateX(0%);
|
|
24
24
|
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
```
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
`+`はすぐ後の要素を指定します。
|
|
32
|
+
|
|
33
|
+
[隣接兄弟結合子 - CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/Adjacent_sibling_combinator)
|
|
34
|
+
|
|
35
|
+
|
|
28
36
|
|
|
29
37
|
これで、ハンバーガーメニューのみのactiveクラスの付け外しで動作するようになるので、jQueryがシンプルになります。
|
|
30
38
|
|