(非常に新しいレールとブートストラップ)私はhtmlのアコーディオンに要素を挿入するプロジェクトに取り組んでいます。要素のうち3つだけ折りたたむことができます。私はレイアウトを読んで、Railsのドキュメントの一部をレンダリングしましたが、特に、折りたたみ可能なクラスを3つの要素に割り当てる必要があるという点では、どうやってそれを行うのかは非常に混乱しています。どんなアドバイスも役に立ちます。事前に感謝します。Rails - コントローラから選択した要素を部分的に挿入する
x.HTML.erb
<h4>
<a href="#">
<li><%= link_to category.name, catalogo_path(cat_id: category.id), remote: true %></li>
</a>
</h4>
<% category.subcategories.each do |cat| %>
<li><%= link_to cat.name, catalogo_path(cat_id: cat.id), remote: true %></li>
<% end %>
部分
<h4>
<a href="#">
<li><%= link_to category.name, catalogo_path(cat_id: category.id), remote: true %></li>
</a>
</h4>
<% category.subcategories.each do |cat| %>
<li><%= link_to cat.name, catalogo_path(cat_id: cat.id), remote: true %></li>
<% end %>
私が使用したいHTMLのアコーディオン構造:
<div class="accordion" id="accordion2">
<div class="accordion-group">
<h4>
<a href="#">Angulos</a>
</h4>
<h4>
<a href="#">Soleras</a>
</h4>
<h4>
<a href="#">Semiflechas</a>
</h4>
<h4>
<a href="#">Redondos</a>
</h4>
<div class="accordion-heading">
<h4>
<a class="accordion-toggle" data-toggle="collapse" href="#collapseOne">Cuadrados</a>
</h4>
</div>
<div id="collapseOne" class="accordion-body collapse in">
<a href="#" class="accordion-inner">Cuadrados Normales</a>
<a href="#" class="accordion-inner">Cuadrados Retorcidos</a>
</div>
<h4>
<a href="#">Canal</a>
</h4>
<h4>
<a href="#">Vigas IPR</a>
</h4>
<h4>
<a href="#">Vigas IPS</a>
</h4>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<h4>
<a class="accordion-toggle" data-toggle="collapse" href="#collapseTwo">Placas</a>
</h4>
</div>
<div id="collapseTwo" class="accordion-body collapse">
<a href="#" class="accordion-inner">Placa de Rollo</a><br>
<a href="#" class="accordion-inner">Placa de Grado</a>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<h4>
<a class="accordion-toggle" data-toggle="collapse" href="#collapseThree">Laminas</a>
</h4>
</div>
<div id="collapseThree" class="accordion-body collapse">
<a href="#" class="accordion-inner">Laminas Calientes</a><br>
<a href="#" class="accordion-inner">Laminas Frias</a>
<a href="#" class="accordion-inner">Laminas Antiderrapantes</a>
</div>
</div>
</div>
どうもありがとう、私はこの最後の夜を試みたが、それは未定義のローカル変数やメソッド 'カテゴリエラー私は私の答えを更新しました – Dotol
@Dotolを投げています。あなたのコントローラでインスタンス化するカテゴリの配列があると仮定しました。 –