0

在这里，我有我的复选框 slideDown 解决方案的示例。http://jsfiddle.net/kNpYz/3/

当您选中复选框时，某些元素会滑动或滑动，并且工作正常，但是当我在此更改 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

使用这个 jQuery 代码：

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

您的 HTML 有很多错误，例如不能有两个具有相同 ID 的控件，并且您在 jquery 中滑动的 ID 不存在，试试这个：

正确的代码

于 2012-05-07T12:58:08.300 回答