jquery - slideToggle不光滑

我在jQuery的slideToggle函數有問題。它一點都不光滑。無論何時我點擊「See More」按鈕，應該彈出的內容應該是slideToggle，只是彈出而沒有任何效果。jquery - slideToggle不光滑

這是HTML代碼：

<td class="third"> 
    <a href="javascript:void(0)" class="btn btn-primary upgrade1">See More</a> 
</td>       

<tr class="see_more" id="see_more"> 
     <td colspan="3" class="see_more_content">Hello! How are you doing</td> 
</tr>

這是CSS：

.third{ 
    text-align:right; 
    padding-right:10px; 
} 
.see_more{ 
    display:none; 

} 
.see_more_content{ 
    text-align:center; 
}

最後，JavaScript的：

<script type="text/javascript"> 
      $(document).ready(function(){ 
       $(".upgrade1").click(function() { 
        $("#see_more").slideToggle("slow"); 
        }); 
       }); 
    </script>

我看過一篇文章「動畫跳 - 快速提示「，但我認爲這不是問題。因爲我沒有指定margin或padding的內容應該slideToggle。

在此先感謝您的幫助。

來源

2012-03-29 oliverbj

試試slidetoggling一個div而不是表格行。爲了達到這個目的，隱藏行和div，顯示行，然後滑動div，反向隱藏當然。 – 2012-03-29 18:19:35

錶行似乎沒有滑動。您應該嘗試通過使用DIV來找到解決方法。他們滑動和動畫好得多。你也可以將內容包裝到一個div中，然後滑動它？也許這會推動桌子排模仿幻燈片。

來源

2012-03-29 18:19:35

http://jsfiddle.net/v4msV/ - 示例 – 2012-03-29 18:22:29

是的，我現在不打擾張貼我的示例。 :) – 2012-03-29 18:26:55

您正在表格行上運行slideToggle。表格行對某些CSS不太好。這意味着在某些情況下，它不會滑動，但在最終可見時才顯示。

來源

2012-03-29 18:21:11

jquery - slideToggle不光滑

回答

相關問題