回答編集履歴

3

修正

2018/03/26 12:56

投稿

退会済みユーザー
test CHANGED
@@ -458,7 +458,7 @@
458
458
 
459
459
  let symbol = $(this).data("symbol");
460
460
 
461
- if($.cookie(symbol)){ $("#" + symbols[idx]).hide(); }
461
+ if($.cookie(symbol)){ $("#" + symbol).hide(); }
462
462
 
463
463
  });
464
464
 

2

さらに追記

2018/03/26 12:56

投稿

退会済みユーザー
test CHANGED
@@ -403,3 +403,85 @@
403
403
  </body>
404
404
 
405
405
  ```
406
+
407
+
408
+
409
+ ####さらに追記
410
+
411
+
412
+
413
+ 止まらなくなったのじゃ。
414
+
415
+
416
+
417
+ ```jQuery
418
+
419
+ <script>
420
+
421
+ $(function()
422
+
423
+ {
424
+
425
+ $("a.toggle").on("click", function()
426
+
427
+ {
428
+
429
+ if($.cookie($(this).data("symbol")))
430
+
431
+ {
432
+
433
+ $("#" + $(this).data("symbol")).slideDown();
434
+
435
+ $.removeCookie($(this).data("symbol") , { path: "/" });
436
+
437
+ }
438
+
439
+ else
440
+
441
+ {
442
+
443
+ $("#" + $(this).data("symbol")).slideUp();
444
+
445
+ $.cookie($(this).data("symbol") , "mute" , { expires: 999, path: "/" });
446
+
447
+ }
448
+
449
+
450
+
451
+ return false;
452
+
453
+ })
454
+
455
+ .each(function()
456
+
457
+ {
458
+
459
+ let symbol = $(this).data("symbol");
460
+
461
+ if($.cookie(symbol)){ $("#" + symbols[idx]).hide(); }
462
+
463
+ });
464
+
465
+ });
466
+
467
+ </script>
468
+
469
+
470
+
471
+ <body>
472
+
473
+ <a data-symbol="AAA" class="toggle">AAAの要素を表示しない</a>
474
+
475
+ <br>
476
+
477
+ <a data-symbol="BBB" class="toggle">BBBの要素を表示しない</a>
478
+
479
+
480
+
481
+ <div id="AAA">AAAの要素</div>
482
+
483
+ <div id="BBB">BBBの要素</div>
484
+
485
+ </body>
486
+
487
+ ```

1

追記

2018/03/26 12:52

投稿

退会済みユーザー
test CHANGED
@@ -315,3 +315,91 @@
315
315
  </body>
316
316
 
317
317
  ```
318
+
319
+
320
+
321
+ ####追記
322
+
323
+
324
+
325
+ さらに、こうなったのじゃ。
326
+
327
+
328
+
329
+ ```jQuery
330
+
331
+ <script>
332
+
333
+ $(function()
334
+
335
+ {
336
+
337
+ let symbols = ["AAA", "BBB"];
338
+
339
+
340
+
341
+ for(let idx in symbols)
342
+
343
+ {
344
+
345
+ if($.cookie(symbols[idx])){ $("#" + symbols[idx]).hide(); }
346
+
347
+ }
348
+
349
+
350
+
351
+ $("a.toggle").on("click", function()
352
+
353
+ {
354
+
355
+ if($.cookie($(this).data("symbol")))
356
+
357
+ {
358
+
359
+ $("#" + $(this).data("symbol")).slideDown();
360
+
361
+ $.removeCookie($(this).data("symbol") , { path: "/" });
362
+
363
+ }
364
+
365
+ else
366
+
367
+ {
368
+
369
+ $("#" + $(this).data("symbol")).slideUp();
370
+
371
+ $.cookie($(this).data("symbol") , "mute" , { expires: 999, path: "/" });
372
+
373
+ }
374
+
375
+
376
+
377
+ return false;
378
+
379
+ });
380
+
381
+ });
382
+
383
+ </script>
384
+
385
+
386
+
387
+ </head>
388
+
389
+ <body>
390
+
391
+ <a data-symbol="AAA" class="toggle">AAAの要素を表示しない</a>
392
+
393
+ <br>
394
+
395
+ <a data-symbol="BBB" class="toggle">BBBの要素を表示しない</a>
396
+
397
+
398
+
399
+ <div id="AAA">AAAの要素</div>
400
+
401
+ <div id="BBB">BBBの要素</div>
402
+
403
+ </body>
404
+
405
+ ```