Question

我无法发布我的整个来源，因为它很大但也许有人可以放弃一些亮点，因为我确信这也会发生在其他地方。

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

奇怪的是，它确实在右侧，当DIV增大或缩小时，div会在右侧切掉一些像素。使div看起来更薄，右下角变得尖锐（由于圆角的标准被切掉）。一旦动画完成，

我想要一个流畅的动画，这非常令人分心。

项目的当前状态

http://eyerislabs.com/CurrentProject/

Answer 1

试试这个

live fiddle here

<强> 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");
});

Jquery高度动画bug

1 个答案: