質問編集履歴

2

hamlからhtmlに変更

2020/06/09 13:48

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -72,19 +72,27 @@
72
72
 
73
73
  ###追記
74
74
 
75
- ```haml
75
+ ```html
76
76
 
77
- - @categories.each do |category|
77
+ @categories.each do |category|
78
78
 
79
- #hide-text.title
79
+ <div class="title" id="hide-text">
80
80
 
81
81
  = category.name
82
82
 
83
- #text.category
83
+ </div>
84
84
 
85
+ <div class="category" id="text">
86
+
85
- - category.children.each do |child|
87
+ category.children.each do |child|
86
88
 
87
89
  = child.name
90
+
91
+ end
92
+
93
+ </div>
94
+
95
+ end
88
96
 
89
97
  ```
90
98
 

1

hamlとcss、JQの追記をしました。

2020/06/09 13:48

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -67,3 +67,59 @@
67
67
  iで足していき取得しようとしたが、うまくいきませんでした。
68
68
 
69
69
  アドバイスを頂きたいです。よろしくお願いします。
70
+
71
+
72
+
73
+ ###追記
74
+
75
+ ```haml
76
+
77
+ - @categories.each do |category|
78
+
79
+ #hide-text.title
80
+
81
+ = category.name
82
+
83
+ #text.category
84
+
85
+ - category.children.each do |child|
86
+
87
+ = child.name
88
+
89
+ ```
90
+
91
+ ```css
92
+
93
+ .category {
94
+
95
+ display: none;
96
+
97
+ }
98
+
99
+ ```
100
+
101
+ ```jQuery
102
+
103
+ $(function(){
104
+
105
+ $('div.title').each(function(i){
106
+
107
+ $(this).attr('id','hide-text' + (i+1));
108
+
109
+ });
110
+
111
+ });
112
+
113
+
114
+
115
+ $(function(){
116
+
117
+ $('div.category').each(function(i){
118
+
119
+ $(this).attr('id','text' + (i+1));
120
+
121
+ });
122
+
123
+ });
124
+
125
+ ```