Как переключить simple_form_for видимость с помощью jQuery?

Question

есть simple_form вид.

.row 
    .span12 
    %legend='Address Data' 
    = f.simple_fields_for :person do |p| 
     = render 'profiles/contact_type/address_form', f: p 
.row 
    .span12 
    %legend='Email Data' 
    = f.simple_fields_for :person do |p| 
     = render 'profiles/contact_type/email_form', f: p 

Я хотел бы переключать каждую видимость подформы.

Сейчас я использую:

= link_to_function 'Address data', '$("#addresses").toggle();' 

Но я думаю, что это не самый лучший вариант. Как мне это сделать?

Answer 1

Мне лично нравится jQuery's toggleCLass. Что-то вроде этого должно работать (не проверено).

Javascript (в кофе)

jQuery -> 
    $(document).on "click", '.i_toggle_my_next_sibling', -> 
     $(this).next().toggleClass("visibility_hidden", 400, "easeOutSine") 

HTML, (вы хотите использовать simple_form обозначения):

<div class="i_toggle_my_next_sibling">Toggle Control</div> 

<div> 
    My most beautiful content to show and hide ... 
</div> 

Некоторые CSS

.visibility_hidden { 
    visibility:hidden; 
}