Rails свернуть вложенную форму

Question

Есть ли у кого-нибудь идеи/ресурсы для того, как создать форму в Rails, которая может использовать либо функции начальной загрузки «Collapse», либо Jqueries «Accordion»?

В принципе, у меня есть огромная форма со множеством вложенных атрибутов, и я хотел бы свернуть их, чтобы пользователь мог открыть раздел, который он или она хочет изменить. Я должен верить, что здесь есть ЧТО-ТО, но все, что я видел, - это неотвеченные вопросы от людей, пытающихся интегрировать бутстрап или jquery с помощью formtastic или form_for.

В принципе, я искал что-то, что может интегрироваться с рельсами и выглядит примерно так: http://www.alpacajs.org/examples/forms/customer-profile/edit-form.html

UPDATE:

К сожалению, я просто понял, что мой оригинальный пост может быть немного расплывчатым. Я пытаюсь использовать DSL Formtastic (или rails form_for) и интегрировать его с функциональностью коллапса. Я просто не видел нигде в Интернете, где люди добились успеха в их объединении.

Answer 1

Я использую bootstrap sass gem. В Gemfile

group :assets do 
    # ... 
    gem 'bootstrap-sass' 
    # ... 
end 

Вы должны добавить к application.js.coffee следующей строке

#= require bootstrap-collapse 

В представлении, содержащих вашу форму (например _form.html.erb, вы просто должны инкапсулировать тег формы, которые вы хотите, чтобы разрушиться следующее:

<div class="collapse"> 
    <%= label_tag(:q, "Search for:") %> 
    <%= text_field_tag(:q) %> 
</div> 

Answer 2

Если вы хотите сохранить его простым и иметь больше контроля над тем, что вы включаете в вашем приложении вы можете easil y достиг эффекта, который вам нужен, с несколькими строками javascript.

Я поставил пример здесь: http://jsfiddle.net/iKindred/pYgLY/2/

И вот JS:

jQuery(document).ready(function($){ 
    $('.collapsable-section').each(function(i){ 
     var $label = $(this).find('.label').filter(':first'); 
     var $fields = $(this).find('.fields').filter(':first'); 
     $label.click(function(e){ 
      $fields.slideToggle(200); 
     }); 
    }); 
}); 

Вы можете адаптировать его к вашим потребностям или дайте мне знать, если вам нужна помощь :)