2個html案例的jQuery slideDown

這裏我有我的複選框slideDown解決方案的例子。 http://jsfiddle.net/kNpYz/3/2個html案例的jQuery slideDown

當你檢查複選框，所以一些元素將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？

THX您的時間

來源

2012-05-07 user13746

使用此jQuery代碼：

jQuery('.fld').click(function() { 
    $(this).closest('.option').find('.explain').slideToggle('normal', "swing"); 
    });

來源

2012-05-07 12:56:02

HTML http://www.givainc.com/labs/ibutton_jquery_plugin.htm thx爲你的代碼:) – user13746

@ user13746所以如果它是自動生成的HTML，使用編輯的jQuery代碼 –

，並有可能寫這樣的事情？ .find（ 'F _' + this.id） – user13746

你的HTML有許多這樣的錯誤還有不能與相同ID和你的jQuery不存在滑動的ID兩個控件，嘗試這樣的：由該插件生成

Correct code

來源

2012-05-07 12:58:08

2個html案例的jQuery slideDown

回答

相關問題