回答編集履歴
3
修正
answer
CHANGED
@@ -228,7 +228,7 @@
|
|
228
228
|
.each(function()
|
229
229
|
{
|
230
230
|
let symbol = $(this).data("symbol");
|
231
|
-
if($.cookie(symbol)){ $("#" +
|
231
|
+
if($.cookie(symbol)){ $("#" + symbol).hide(); }
|
232
232
|
});
|
233
233
|
});
|
234
234
|
</script>
|
2
さらに追記
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
追記
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
|
```
|