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

回答

相關問題