質問編集履歴
8
文法の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
$(function(){
|
|
14
14
|
|
|
15
|
-
var rwdMenu = $('#
|
|
15
|
+
var rwdMenu = $('#globalMenu'),
|
|
16
16
|
|
|
17
17
|
switchPoint = 768,
|
|
18
18
|
|
7
文法の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -198,7 +198,7 @@
|
|
|
198
198
|
|
|
199
199
|
上記のコードで、HTML6行目の「C」のボタンをクリックすると、
|
|
200
200
|
|
|
201
|
-
その直下のul
|
|
201
|
+
その直下のulリストがアコーディオンで開くような形にしたいのですが、
|
|
202
202
|
|
|
203
203
|
PC時は問題なく開くのですが、SP時に動かない状態になってしまいました。
|
|
204
204
|
|
6
文法の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -196,7 +196,11 @@
|
|
|
196
196
|
|
|
197
197
|
|
|
198
198
|
|
|
199
|
+
上記のコードで、HTML6行目の「C」のボタンをクリックすると、
|
|
200
|
+
|
|
201
|
+
その直下のulメニューがアコーディオンが開くような形にしたいのですが、
|
|
202
|
+
|
|
199
|
-
|
|
203
|
+
PC時は問題なく開くのですが、SP時に動かない状態になってしまいました。
|
|
200
204
|
|
|
201
205
|
|
|
202
206
|
|
5
文法の一部修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -134,6 +134,8 @@
|
|
|
134
134
|
|
|
135
135
|
```
|
|
136
136
|
|
|
137
|
+
<div class="header-bottom">
|
|
138
|
+
|
|
137
139
|
<nav class="gnav mainnav" id="globalMenu">
|
|
138
140
|
|
|
139
141
|
<ul class="list" id="menu">
|
|
@@ -168,6 +170,8 @@
|
|
|
168
170
|
|
|
169
171
|
</nav>
|
|
170
172
|
|
|
173
|
+
</div>
|
|
174
|
+
|
|
171
175
|
```
|
|
172
176
|
|
|
173
177
|
|
4
文法の一部修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
|
|
35
35
|
if(!($('#rwdMenuWrap').length)){
|
|
36
36
|
|
|
37
|
-
$('bo
|
|
37
|
+
$('.header-bottom').prepend('<div id="rwdMenuWrap"><div id="switchBtnArea"><a href="javascript:void(0);" id="switchBtn"><span></span><span></span><span></span></a></div></div>');
|
|
38
38
|
|
|
39
39
|
$('#rwdMenuWrap').append(menuSouce);
|
|
40
40
|
|
3
文法の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -146,11 +146,11 @@
|
|
|
146
146
|
|
|
147
147
|
<ul class="menu-hidden child-list">
|
|
148
148
|
|
|
149
|
-
<li><a href="#">
|
|
149
|
+
<li><a href="#">D</a></li>
|
|
150
|
-
|
|
150
|
+
|
|
151
|
-
<li><a href="#">
|
|
151
|
+
<li><a href="#">E</a></li>
|
|
152
|
-
|
|
152
|
+
|
|
153
|
-
<li><a href="#">
|
|
153
|
+
<li><a href="#">F</a></li>
|
|
154
154
|
|
|
155
155
|
</ul>
|
|
156
156
|
|
2
HTMLの記述を追加いたしました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -130,6 +130,54 @@
|
|
|
130
130
|
|
|
131
131
|
```
|
|
132
132
|
|
|
133
|
+
【HTML】
|
|
134
|
+
|
|
135
|
+
```
|
|
136
|
+
|
|
137
|
+
<nav class="gnav mainnav" id="globalMenu">
|
|
138
|
+
|
|
139
|
+
<ul class="list" id="menu">
|
|
140
|
+
|
|
141
|
+
<li><a href="#">A</a></li>
|
|
142
|
+
|
|
143
|
+
<li><a href="#">B</a></li>
|
|
144
|
+
|
|
145
|
+
<li class="product-child"><span class="click-btn">C</span>
|
|
146
|
+
|
|
147
|
+
<ul class="menu-hidden child-list">
|
|
148
|
+
|
|
149
|
+
<li><a href="#"><i class="fa fa-angle-right"></i>D</a></li>
|
|
150
|
+
|
|
151
|
+
<li><a href="#"><i class="fa fa-angle-right"></i>E</a></li>
|
|
152
|
+
|
|
153
|
+
<li><a href="#"><i class="fa fa-angle-right"></i>F</a></li>
|
|
154
|
+
|
|
155
|
+
</ul>
|
|
156
|
+
|
|
157
|
+
</li>
|
|
158
|
+
|
|
159
|
+
<li><a href="#">G</a></li>
|
|
160
|
+
|
|
161
|
+
<li><a href="#">H</a></li>
|
|
162
|
+
|
|
163
|
+
<li><a href="#">I</a></li>
|
|
164
|
+
|
|
165
|
+
<li><a href="#">J</a></li>
|
|
166
|
+
|
|
167
|
+
</ul>
|
|
168
|
+
|
|
169
|
+
</nav>
|
|
170
|
+
|
|
171
|
+
```
|
|
172
|
+
|
|
173
|
+
|
|
174
|
+
|
|
175
|
+
※HTMLの記述が漏れておりました。申し訳ありません。
|
|
176
|
+
|
|
177
|
+
|
|
178
|
+
|
|
179
|
+
|
|
180
|
+
|
|
133
181
|
**参考にしているサイト：**
|
|
134
182
|
|
|
135
183
|
http://black-flag.net/jquery/20160119-5897.html
|
1
誤字の修正をしました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -148,7 +148,7 @@
|
|
|
148
148
|
|
|
149
149
|
|
|
150
150
|
|
|
151
|
-
現時点でエラー等は特に出ていなく、れぞれ単体のみであれば動く状況ですが、
|
|
151
|
+
現時点でエラー等は特に出ていなく、それぞれ単体のみであれば動く状況ですが、
|
|
152
152
|
|
|
153
153
|
ドロワーメニューの、
|
|
154
154
|
|