jquery - jQuery高度动画错误

Question

我不能发布我的整个来源，因为它很大，但也许有人可以阐明一些，因为我确信这也会发生在其他地方。

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

奇怪的是，它确实在右侧，随着 DIV 的增长或缩小，div 右侧的一些像素被切掉了。使 div 看起来更薄，右下角变得尖锐（由于被舍入的 par 被截断）。动画完成后，

我正在尝试制作流畅的动画，这很让人分心。

项目现状

http://eyerislabs.com/CurrentProject/

Answer 1

尝试这个

在这里生活小提琴

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>

CSS

.main_div{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px dotted green;
    width:275px;
}

.div_title{
    font-size:15px;
    font-style:italic;
}

jQuery

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