jquery高度动画bug

我不能发布我的整个源代码，因为它是巨大的，但也许有人可以摆脱一些光线，因为我确信这也发生在其他地方。jquery高度动画bug

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

奇怪的是，它确实在右侧，DIV在DIV增长或缩小时获得了几个像素。使div显得更薄，右下角变得尖锐（由于圆角的标准被切断）。只要动画完成，我想要有一个流畅的动画，这是非常分散注意力。

当前项目的状态

http://eyerislabs.com/CurrentProject/

来源

2013-03-29 Ampix0

你能创建一个的jsfiddle SSCCE？ – hjpotter92

你在这个div上设置了固定宽度吗？没有代码，我相信每个人都会对这个问题感到不知所措。 –

我需要现在上传网站，它使用Bootstrap，所以对于Jsfiddle来说这太复杂了。 http://eyerislabs.com/CurrentProject/ – Ampix0

试试这个

现场小提琴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"); 
});

来源

2013-03-29 06:26:02

jquery高度动画bug

回答

相关问题