質問編集履歴
1
コードを見やすくしました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -5,8 +5,6 @@
|
|
|
5
5
|
アコーディオンメニューを作っています。HTMLでは、liの中にulを入れ、さらにliを入れたものを作成しました。
|
|
6
6
|
|
|
7
7
|
実現したい動きとしては、ハンバーガーメニューの三本線のアイコンをタップすると、下に、4つのメニュー（トップページ、店舗情報、お知らせ、ブログ）が現れ、さらに、特定のメニュー（店舗情報、ブログ）には、右側にプラスのアイコンがあり、そこをタップするとその項目のメニュー（◎◎店・・・）がさらに現れるという形のものを作りたいです。三本線のアイコンを必要な位置に配置することはできています。ちなみにこの後は、Javascriptで、アイコンをタップしたらメニューが開いたり閉じたりを作ろうと考えています。
|
|
8
|
-
|
|
9
|
-
|
|
10
8
|
|
|
11
9
|
|
|
12
10
|
|
|
@@ -30,7 +28,9 @@
|
|
|
30
28
|
|
|
31
29
|
HTML↓
|
|
32
30
|
|
|
31
|
+
```ここに言語を入力
|
|
32
|
+
|
|
33
|
-
|
|
33
|
+
<div class="overlay-menu">
|
|
34
34
|
|
|
35
35
|
<ul>
|
|
36
36
|
|
|
@@ -70,9 +70,13 @@
|
|
|
70
70
|
|
|
71
71
|
</div>
|
|
72
72
|
|
|
73
|
+
```
|
|
74
|
+
|
|
73
75
|
|
|
74
76
|
|
|
75
77
|
CSS↓
|
|
78
|
+
|
|
79
|
+
```ここに言語を入力
|
|
76
80
|
|
|
77
81
|
.overlay-menu a{
|
|
78
82
|
|
|
@@ -114,6 +118,10 @@
|
|
|
114
118
|
|
|
115
119
|
|
|
116
120
|
|
|
121
|
+
```
|
|
122
|
+
|
|
123
|
+
|
|
124
|
+
|
|
117
125
|
|
|
118
126
|
|
|
119
127
|
### 試したこと
|