0

私には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();'

しかし、これは最良の選択肢ではないと思います。どうすればいいですか？

4

1 に答える 1

1

個人的にはjQueryの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;
 }
于 2013-06-20T13:21:03.013 に答える