質問編集履歴

4

コードを修正しました。

2018/12/10 12:21

投稿

harusyoui
harusyoui

スコア55

test CHANGED
File without changes
test CHANGED
@@ -36,9 +36,9 @@
36
36
 
37
37
  <tr>
38
38
 
39
- <td class="child">{{ $shop->shop_name }}</td>
39
+ <td>{{ $shop->shop_name }}</td>
40
40
 
41
- <td class="child">0円</td>
41
+ <td>0円</td>
42
42
 
43
43
  </tr>
44
44
 

3

コードを修正しました。

2018/12/10 12:20

投稿

harusyoui
harusyoui

スコア55

test CHANGED
File without changes
test CHANGED
@@ -22,7 +22,7 @@
22
22
 
23
23
  <tr>
24
24
 
25
- <td class="toggle">0円の店舗</td>
25
+ <td>0円の店舗</td>
26
26
 
27
27
  <td></td>
28
28
 

2

タグにjqueryを追加しました。

2018/12/10 12:17

投稿

harusyoui
harusyoui

スコア55

test CHANGED
File without changes
test CHANGED
File without changes

1

コードの間違いを修正しました。

2018/12/10 12:15

投稿

harusyoui
harusyoui

スコア55

test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  コードにある<div class="toggle">の「0円の店舗」をクリックすれば
6
6
 
7
- <div class="inner child" style="display: none;">の中にあるforeachが
7
+ <div class="child">の中にあるforeachが
8
8
 
9
9
  アコーディオンで展開されるようにしたいのですが、上手くアコーディオンに
10
10
 
@@ -18,11 +18,11 @@
18
18
 
19
19
  ```laravel
20
20
 
21
- <div class="toggle">
21
+ <div class="toggle">
22
22
 
23
23
  <tr>
24
24
 
25
- <td>0円の店舗</td>
25
+ <td class="toggle">0円の店舗</td>
26
26
 
27
27
  <td></td>
28
28
 
@@ -30,15 +30,15 @@
30
30
 
31
31
  </div>
32
32
 
33
- <div class="inner child" style="display: none;">
33
+ <div class="child">
34
34
 
35
35
  @foreach ($shops_0 as $shop)
36
36
 
37
37
  <tr>
38
38
 
39
- <td>{{ $shop->shop_name }}</td>
39
+ <td class="child">{{ $shop->shop_name }}</td>
40
40
 
41
- <td>0円</td>
41
+ <td class="child">0円</td>
42
42
 
43
43
  </tr>
44
44
 
@@ -46,4 +46,20 @@
46
46
 
47
47
  </div>
48
48
 
49
+
50
+
51
+ <script>
52
+
53
+ $('.child').hide();
54
+
55
+ $('.toggle').on('click',function(){
56
+
57
+ $(this).toggleClass('open');
58
+
59
+ $(this).next('.child').slideToggle();
60
+
61
+ });
62
+
63
+ </script>
64
+
49
65
  ```