我对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
。
提前感谢您的帮助。
答案 0 :(得分:10)
表行似乎没有滑动。您应该尝试使用DIV来找到解决方法。它们滑动和动画效果更好。您还可以将内容包装到div中,然后滑动它?也许那会推动桌子排模仿幻灯片。
答案 1 :(得分:1)
您正在桌面行上运行slideToggle
。表行不适合某些css。这意味着在某些情况下,它不会滑动,只会在最终可见时显示。