Jquery高度动画错误

我不能发布我的全部信息源，因为它是巨大的，但也许有人可以透露一些信息，因为我确信这种情况在其他地方也会发生

我有一个圆边的DIV，使用jquery，单击时DIV在两个高度之间切换

奇怪的是，它真的在右边，随着div的增大或缩小，div右边的一些pixles被切掉了。使DIV看起来更薄，右下角变尖（由于圆角被切断）。动画完成后，将立即显示

我正在尝试制作一个平滑的动画，这会让人分心

项目现状

试试这个

活小提琴

HTML

<div class="main_div">
    <span class="div_title">Which is your favourite car brand ? </span>
    <ul class="inner_list">
        <li>Car1</li>
        <li>Car2</li>
        <li>Car3</li>
    </ul>
</div>

<div class="main_div">
    <span class="div_title">Which is your favourite food ? </span>
    <ul class="inner_list">
        <li>food1</li>
        <li>food2</li>
        <li>food3</li>
    </ul>
</div>

jQuery

$(".inner_list").hide();
$(".main_div").click(function(){
    $(".inner_list", this).slideToggle("slow");
});

---

你能在JSFIDLE上创建一个SSCCE吗？你在这个div上设置了一个固定的宽度吗？如果没有代码，我相信每个人都会对这个问题不知所措。我需要像现在这样上传网站，它使用引导，所以对于JSFIDLE来说有点太复杂了。如果你发布完整的站点，那么很难帮到你，我的建议是，当你在

jsfiddle

中制作动画时，加载和示例你的div和事件处理程序，如果你的问题是转换过程中的不平滑转换，我建议您在切换转换之前计算宽度，并在转换期间应用宽度。

$(".inner_list").hide();
$(".main_div").click(function(){
    $(".inner_list", this).slideToggle("slow");
});