teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

構造

2018/03/26 13:03

投稿

yambejp
yambejp

スコア117965

answer CHANGED
@@ -1,3 +1,28 @@
1
1
  > $.removeCookie("A"
2
2
 
3
- "A"ではなく"AAA"にしてみては?
3
+ "A"ではなく"AAA"にしてみては?
4
+
5
+ # sample
6
+
7
+ グルーピングの仕方がちょっとおかしそうなので以下でどうでしょう?
8
+ ```javascript
9
+ $(function(){
10
+ $("a.togglecookie").each(function(){
11
+ var id=$(this).attr('id');
12
+ $("div."+id).toggle(!$.cookie(id));
13
+ }).on('click',function() {
14
+ var id=$(this).attr('id');
15
+ $("div."+id).slideToggle($.cookie(id));
16
+ $.cookie(id)?$.removeCookie(id):$.cookie(id,"mute");
17
+ });
18
+ });
19
+ ```
20
+ ```HTML
21
+ <a id="AAA" class="togglecookie">AAAの要素を切り替える</a>
22
+ <a id="BBB" class="togglecookie">BBBの要素を切り替える</a>
23
+ <a id="CCC" class="togglecookie">CCCの要素を切り替える</a>
24
+
25
+ <div class="AAA">AAAの要素</div>
26
+ <div class="BBB">BBBの要素</div>
27
+ <div class="CCC">CCCの要素</div>
28
+ ```