回答編集履歴

2

修正

2015/10/09 13:37

投稿

退会済みユーザー
test CHANGED
@@ -1,21 +1,71 @@
1
- ```javascript
1
+ ```html
2
2
 
3
- <script type="text/javascript">
3
+ <!DOCTYPE HTML>
4
4
 
5
- $(function(){
5
+ <html lang="en-US">
6
6
 
7
- $(".book_toggle_btn").click(function() {
7
+ <head>
8
8
 
9
- $(this).next().find(".book_toggle").slideToggle();
9
+ <meta charset="UTF-8">
10
10
 
11
- $(this).next().toggleClass("nav");
11
+ <title></title>
12
12
 
13
- });
13
+ </head>
14
14
 
15
- });
15
+ <body>
16
16
 
17
- </script>
17
+ <div>
18
18
 
19
+ <p class="book_toggle_btn">↑ DETAIL<p>
19
20
 
21
+ <ul class="book_toggle">
22
+
23
+ <li>2015.10.06 update</li>
24
+
25
+ <li>【NIZIIRO Weekly Vol.○○】タイトルタイトルタイトル</li>
26
+
27
+ <li>【NIZIIRO Weekly Vol.○○】タイトルタイトルタイトル</li>
28
+
29
+ <li>【NIZIIRO Weekly Vol.○○】タイトルタイトルタイトル</li>
30
+
31
+ </ul>
32
+
33
+ <p class="book_toggle_btn">↑ DETAIL<p>
34
+
35
+ <ul class="book_toggle">
36
+
37
+ <li>2015.10.06 update</li>
38
+
39
+ <li>【NIZIIRO Weekly Vol.○○】タイトルタイトルタイトル</li>
40
+
41
+ <li>【NIZIIRO Weekly Vol.○○】タイトルタイトルタイトル</li>
42
+
43
+ <li>【NIZIIRO Weekly Vol.○○】タイトルタイトルタイトル</li>
44
+
45
+ </ul>
46
+
47
+ </div>
48
+
49
+ <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
50
+
51
+ <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
52
+
53
+ <script type="text/javascript">
54
+
55
+ $(function () {
56
+
57
+ $(".book_toggle_btn").on("click", function () {
58
+
59
+ $(this).nextAll('.book_toggle:first').slideToggle();
60
+
61
+ });
62
+
63
+ });
64
+
65
+ </script>
66
+
67
+ </body>
68
+
69
+ </html>
20
70
 
21
71
  ```

1

修正

2015/10/09 13:37

投稿

退会済みユーザー
test CHANGED
@@ -6,9 +6,9 @@
6
6
 
7
7
  $(".book_toggle_btn").click(function() {
8
8
 
9
- $(this).find(".book_toggle").slideToggle();
9
+ $(this).next().find(".book_toggle").slideToggle();
10
10
 
11
- $(this).toggleClass("nav");
11
+ $(this).next().toggleClass("nav");
12
12
 
13
13
  });
14
14