0

ここに、チェックボックスのslideDownソリューションの例があります。http://jsfiddle.net/kNpYz/3/

チェックボックスをオンにすると、一部の要素がslideDownまたはslideUPになり、正常に動作しますが、これでHTMLを変更すると. jQuery マークアップを変更する必要があることはわかっていますが、その方法がわかりません。

<div id="section-uvitaci_text" class="section section-checkbox ibutton">
  <h3 class="heading">Uvítací text</h3>
  <div class="option">
    <div class="controls">
      <input type="hidden" class="fld checkbox aq-input" name="uvitaci_text" id="uvitaci_text" value="0">
      <div class="ibutton-container">
        <input type="checkbox" class="fld checkbox of-input" name="uvitaci_text" id="uvitaci_text" value="1" checked="checked">
        <div class="ibutton-handle" style="left: 50px; ">
          <div class="ibutton-handle-right">
            <div class="ibutton-handle-middle"></div>
          </div>
        </div>
        <div class="ibutton-label-off"><span style="margin-right: -50px; ">
          <label>OFF</label>
          </span></div>
        <div class="ibutton-label-on" style="width: 54px; overflow-x: hidden; overflow-y: hidden; "><span style="margin-left: 0px; ">
          <label>ON</label>
          </span></div>
        <div class="ibutton-padding-left"></div>
        <div class="ibutton-padding-right"></div>
      </div>
    </div>
    <div class="explain">This will show an offline message. Except for administrators, nobody will be able to access the site</div>
    <div class="clear"> </div>
  </div>
</div>

なので効果はありません。この HTML ケースでは、js で何を変更する必要がありますか?

お時間ありがとうございました

4

2 に答える 2

0

同じIDを持つ2つのコントロールが存在できず、jqueryでスライドするIDが存在しないなど、HTMLに多くのエラーがあります。これを試してください。

正しいコード

于 2012-05-07T12:58:08.300 に答える
0

このjQueryコードを使用してください：

  jQuery('.fld').click(function() {
    $(this).closest('.option').find('.explain').slideToggle('normal', "swing");
  });
于 2012-05-07T12:56:02.997 に答える