jQuery UI手風琴 - 動畫無效

我正在使用jQuery UI手風琴，我想那裏有一個動畫，但由於某種原因它不起作用。任何想法爲什麼？手風琴div簡單地出現並消失。這裏是我的代碼：

 <!-- creates accordion where records can be entered --> 
        <script type="text/javascript"> 

     $(document).ready(function(){ 

      $("#tracking-record-menu").accordion({ 
       collapsible: true, 
        header: '.record-item', 
       active: false, 
       animated: 'slide' 
      }); 

          }); 

        </script>  

      <!--######### contains tracking record buttons ######## --> 
       <div id="tracking-record-container"> 
      <ul id="tracking-record-menu"> 

<li class="record-section"><span class="record-section-text">Body Metrics</span></li> 

<li class="record-item"><div class="record-item-div"><span class="record-text">Distance</span></div></li> 

        <div class="tooltip-record"> 
        <form id="distance_graphtracker" method="post" action=""> 
        <label for="distance-log-id">Distance</label> 
     <input type="text" name="distance_log" id="distance-log-id" /> 
        <button type="submit" name="submit_distance" >Record</button> 
        </form> 
        </div> 

<li class="record-item"><div class="record-item-div"><span class="record-text">Time</span></div></li> 

        <div class="tooltip-record"> 
        <form id="time_graphtracker" method="post" action=""> 
        <label for="time-log-id">Time</label> 
      <input type="text" name="time_log" id="time-log-id" /> 
        <button type="submit" name="submit_time" >Record</button> 
        </form> 
        </div> 

</ul> 
</div>

P.S.我已經包含了UI Effects Core。

來源

2012-06-04 Dmitri

做一個演示，重現您在http://jsfiddle.net/ – Sotiris

您面臨的問題你在IE中嘗試？ – pgratton

我做了使用的代碼，但幻燈片效果看起來是正確的射擊小提琴： http://jsfiddle.net/Xzjum/

你可以包括你的CSS，也許有一些影響的幻燈片動畫？如果你使用的CSS像

來源

2012-06-04 13:18:08 Lowkase

謝謝Lokase的幫助。不幸的是，我在工作，並且無法再訪問我的家用電腦幾個小時，但是什麼樣的css屬性可以阻止動畫？再次感謝您的幫助 – Dmitri

不確定，但沒有看到整個圖片（即 - 您的CSS樣式），我們無法真正確定問題出在哪裏。 – Lowkase

動畫可以被打破：因爲在這種情況下該元素不能被動畫

.accordion_item_content { height: auto !important; }

（您覆蓋所有的變化）。在這種情況下，你應該用手風琴選項autoHeight：true。

來源

2012-08-15 15:04:46

jQuery UI手風琴 - 動畫無效

回答

相關問題