回答編集履歴
1
add
answer
CHANGED
|
@@ -19,4 +19,29 @@
|
|
|
19
19
|
});
|
|
20
20
|
})
|
|
21
21
|
</script>
|
|
22
|
-
```
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
もっと単純にやるとこんな感じ？
|
|
25
|
+
|
|
26
|
+
```html
|
|
27
|
+
<div id="test_bt">
|
|
28
|
+
<a>すべて表示</a>
|
|
29
|
+
</div>
|
|
30
|
+
<script>
|
|
31
|
+
$(function(){
|
|
32
|
+
$("#test_bt").on('click','a', function() {
|
|
33
|
+
var self = $(this);
|
|
34
|
+
self.fadeOut("slow", function(){
|
|
35
|
+
if (self.data('opened')) {
|
|
36
|
+
self.text('すべて表示');
|
|
37
|
+
self.data('opened', false);
|
|
38
|
+
} else {
|
|
39
|
+
self.text('閉じる');
|
|
40
|
+
self.data('opened', true);
|
|
41
|
+
}
|
|
42
|
+
self.fadeIn("slow");
|
|
43
|
+
});
|
|
44
|
+
});
|
|
45
|
+
})
|
|
46
|
+
</script>
|
|
47
|
+
```
|