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

回答編集履歴

3

修正

2018/03/26 12:56

投稿

退会済みユーザー
answer CHANGED
@@ -228,7 +228,7 @@
228
228
  .each(function()
229
229
  {
230
230
  let symbol = $(this).data("symbol");
231
- if($.cookie(symbol)){ $("#" + symbols[idx]).hide(); }
231
+ if($.cookie(symbol)){ $("#" + symbol).hide(); }
232
232
  });
233
233
  });
234
234
  </script>

2

さらに追記

2018/03/26 12:56

投稿

退会済みユーザー
answer CHANGED
@@ -200,4 +200,45 @@
200
200
  <div id="AAA">AAAの要素</div>
201
201
  <div id="BBB">BBBの要素</div>
202
202
  </body>
203
+ ```
204
+
205
+ ####さらに追記
206
+
207
+ 止まらなくなったのじゃ。
208
+
209
+ ```jQuery
210
+ <script>
211
+ $(function()
212
+ {
213
+ $("a.toggle").on("click", function()
214
+ {
215
+ if($.cookie($(this).data("symbol")))
216
+ {
217
+ $("#" + $(this).data("symbol")).slideDown();
218
+ $.removeCookie($(this).data("symbol") , { path: "/" });
219
+ }
220
+ else
221
+ {
222
+ $("#" + $(this).data("symbol")).slideUp();
223
+ $.cookie($(this).data("symbol") , "mute" , { expires: 999, path: "/" });
224
+ }
225
+
226
+ return false;
227
+ })
228
+ .each(function()
229
+ {
230
+ let symbol = $(this).data("symbol");
231
+ if($.cookie(symbol)){ $("#" + symbols[idx]).hide(); }
232
+ });
233
+ });
234
+ </script>
235
+
236
+ <body>
237
+ <a data-symbol="AAA" class="toggle">AAAの要素を表示しない</a>
238
+ <br>
239
+ <a data-symbol="BBB" class="toggle">BBBの要素を表示しない</a>
240
+
241
+ <div id="AAA">AAAの要素</div>
242
+ <div id="BBB">BBBの要素</div>
243
+ </body>
203
244
  ```

1

追記

2018/03/26 12:52

投稿

退会済みユーザー
answer CHANGED
@@ -156,4 +156,48 @@
156
156
  <div id="AAA">AAAの要素</div>
157
157
  <div id="BBB">BBBの要素</div>
158
158
  </body>
159
+ ```
160
+
161
+ ####追記
162
+
163
+ さらに、こうなったのじゃ。
164
+
165
+ ```jQuery
166
+ <script>
167
+ $(function()
168
+ {
169
+ let symbols = ["AAA", "BBB"];
170
+
171
+ for(let idx in symbols)
172
+ {
173
+ if($.cookie(symbols[idx])){ $("#" + symbols[idx]).hide(); }
174
+ }
175
+
176
+ $("a.toggle").on("click", function()
177
+ {
178
+ if($.cookie($(this).data("symbol")))
179
+ {
180
+ $("#" + $(this).data("symbol")).slideDown();
181
+ $.removeCookie($(this).data("symbol") , { path: "/" });
182
+ }
183
+ else
184
+ {
185
+ $("#" + $(this).data("symbol")).slideUp();
186
+ $.cookie($(this).data("symbol") , "mute" , { expires: 999, path: "/" });
187
+ }
188
+
189
+ return false;
190
+ });
191
+ });
192
+ </script>
193
+
194
+ </head>
195
+ <body>
196
+ <a data-symbol="AAA" class="toggle">AAAの要素を表示しない</a>
197
+ <br>
198
+ <a data-symbol="BBB" class="toggle">BBBの要素を表示しない</a>
199
+
200
+ <div id="AAA">AAAの要素</div>
201
+ <div id="BBB">BBBの要素</div>
202
+ </body>
159
203
  ```