質問編集履歴
1
情報の追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -243,3 +243,99 @@
|
|
243
243
|
```
|
244
244
|
|
245
245
|
と書いたコードの実行。
|
246
|
+
|
247
|
+
|
248
|
+
|
249
|
+
### 追記
|
250
|
+
|
251
|
+
jquery部分を
|
252
|
+
|
253
|
+
```ここに言語を入力
|
254
|
+
|
255
|
+
<script type="text/javascript">
|
256
|
+
|
257
|
+
$(document).ready(function(){
|
258
|
+
|
259
|
+
$('.btn_menu').click(function(){
|
260
|
+
|
261
|
+
var obj = $(this);
|
262
|
+
|
263
|
+
$('nav').toggleClass('open');
|
264
|
+
|
265
|
+
$('h4').each(function(){
|
266
|
+
|
267
|
+
if($.trim($(this).text().toLowerCase()) == $.trim(obj.text().toLowerCase())){
|
268
|
+
|
269
|
+
$('.jq').nextAll().show();
|
270
|
+
|
271
|
+
}
|
272
|
+
|
273
|
+
else
|
274
|
+
|
275
|
+
{
|
276
|
+
|
277
|
+
$(this).hide();
|
278
|
+
|
279
|
+
}
|
280
|
+
|
281
|
+
});
|
282
|
+
|
283
|
+
});
|
284
|
+
|
285
|
+
});
|
286
|
+
|
287
|
+
</script>
|
288
|
+
|
289
|
+
```
|
290
|
+
|
291
|
+
としhtmlを
|
292
|
+
|
293
|
+
```ここに言語を入力
|
294
|
+
|
295
|
+
<nav>
|
296
|
+
|
297
|
+
<h2>HOMEPAGE</h2>
|
298
|
+
|
299
|
+
<!---->
|
300
|
+
|
301
|
+
<div class="jq">
|
302
|
+
|
303
|
+
<h4>AAA</h4>
|
304
|
+
|
305
|
+
<p>dog</p>
|
306
|
+
|
307
|
+
</div>
|
308
|
+
|
309
|
+
<!---->
|
310
|
+
|
311
|
+
<div class="jq">
|
312
|
+
|
313
|
+
<h4>BBB</h4>
|
314
|
+
|
315
|
+
<p>cat</p>
|
316
|
+
|
317
|
+
</div>
|
318
|
+
|
319
|
+
<!---->
|
320
|
+
|
321
|
+
<div class="jq">
|
322
|
+
|
323
|
+
<h4>CCC</h4>
|
324
|
+
|
325
|
+
<p>rabbit</p>
|
326
|
+
|
327
|
+
</div>
|
328
|
+
|
329
|
+
<!---->
|
330
|
+
|
331
|
+
</nav>
|
332
|
+
|
333
|
+
```
|
334
|
+
|
335
|
+
と変更したら、今度は
|
336
|
+
|
337
|
+
AAAボタンを押すとそれ以降のpタグが取得され、
|
338
|
+
|
339
|
+
BBBボタンを押すとAAAやCCCのpタグも取得されるという意図していない挙動になった。
|
340
|
+
|
341
|
+
$('.jq').nextAll().show(); とnextAll()メソッドを使い、<div class="jq">で囲まれた部分を取得したかった。
|