質問編集履歴
2
該当のソースコードの変更
test
CHANGED
File without changes
|
test
CHANGED
@@ -18,6 +18,42 @@
|
|
18
18
|
|
19
19
|
###該当のソースコード
|
20
20
|
|
21
|
+
|
22
|
+
|
23
|
+
HTMLコード
|
24
|
+
|
25
|
+
|
26
|
+
|
27
|
+
<div class="accordion">
|
28
|
+
|
29
|
+
<section>
|
30
|
+
|
31
|
+
<h2 class="hiraku"><span class="wrap">テキスト</span></h2>
|
32
|
+
|
33
|
+
<ul class="navi2">
|
34
|
+
|
35
|
+
<li>テキスト
|
36
|
+
|
37
|
+
</ul>
|
38
|
+
|
39
|
+
<h2 class="hiraku"><span class="wrap">テキスト</span></h2>
|
40
|
+
|
41
|
+
<ul class="navi2">
|
42
|
+
|
43
|
+
<li>テキスト
|
44
|
+
|
45
|
+
</ul>
|
46
|
+
|
47
|
+
</section>
|
48
|
+
|
49
|
+
</div>
|
50
|
+
|
51
|
+
|
52
|
+
|
53
|
+
JavaScriptコード
|
54
|
+
|
55
|
+
|
56
|
+
|
21
57
|
$(function(){
|
22
58
|
|
23
59
|
|
1
試したことの追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -100,6 +100,92 @@
|
|
100
100
|
|
101
101
|
|
102
102
|
|
103
|
+
$(function(){
|
104
|
+
|
105
|
+
|
106
|
+
|
107
|
+
var mokuzi = $('.accordion ul');
|
108
|
+
|
109
|
+
var midasi = $('h2');
|
110
|
+
|
111
|
+
var switchPoint = 768;
|
112
|
+
|
113
|
+
|
114
|
+
|
115
|
+
// アコーディオン操作
|
116
|
+
|
117
|
+
$(midasi).on('click', function(e){
|
118
|
+
|
119
|
+
if($(this).hasClass('active')) {
|
120
|
+
|
121
|
+
$(this).next(mokuzi).slideUp();
|
122
|
+
|
123
|
+
$(this).removeClass('active');
|
124
|
+
|
125
|
+
} else {
|
126
|
+
|
127
|
+
$(this).next(mokuzi).slideDown();
|
128
|
+
|
129
|
+
$(this).addClass('active');
|
130
|
+
|
131
|
+
}
|
132
|
+
|
133
|
+
|
134
|
+
|
135
|
+
});
|
136
|
+
|
137
|
+
|
138
|
+
|
139
|
+
|
140
|
+
|
141
|
+
$(window).load(function(){
|
142
|
+
|
143
|
+
function moveMainnav() {
|
144
|
+
|
145
|
+
if(window.innerWidth < switchPoint){
|
146
|
+
|
147
|
+
$(mokuzi).hide();
|
148
|
+
|
149
|
+
$(midasi).removeClass('active');
|
150
|
+
|
151
|
+
} else {
|
152
|
+
|
153
|
+
$(mokuzi).show();
|
154
|
+
|
155
|
+
$(midasi).addClass('active');
|
156
|
+
|
157
|
+
}
|
158
|
+
|
159
|
+
|
160
|
+
|
161
|
+
}
|
162
|
+
|
163
|
+
|
164
|
+
|
165
|
+
// Windowリサイズでアコーディオンの開閉
|
166
|
+
|
167
|
+
$(window).on('resize', function(){
|
168
|
+
|
169
|
+
moveMainnav();
|
170
|
+
|
171
|
+
} );
|
172
|
+
|
173
|
+
|
174
|
+
|
175
|
+
moveMainnav();
|
176
|
+
|
177
|
+
});
|
178
|
+
|
179
|
+
|
180
|
+
|
181
|
+
} );
|
182
|
+
|
183
|
+
|
184
|
+
|
185
|
+
というコードに変更したのですが、同じ挙動になります。
|
186
|
+
|
187
|
+
動作を見る限り、タッチしたh2タグがずっとフォーカスされ続けられているような状態であり、ページ中のどの場所をタッチしても、このh2タグをタッチしたものと認識され、アコーディオンが閉じられているような状態です。
|
188
|
+
|
103
189
|
|
104
190
|
|
105
191
|
###補足情報(言語/FW/ツール等のバージョンなど)
|