jQuery隱藏然後顯示寬度的寬度：auto元素比正常小

Question

我試圖顯示一個信息列表，它正常工作，但是當我隱藏包含列表的div，然後再次顯示它時，元素與「寬度：汽車」寬度造型正在重新尺寸和新尺寸太小：

：

隱藏後：

隱藏之前210

我的PHP生成的元素看起來是這樣的：

<div displayitem='true'> 
    <table> 
     <?php 
      foreach($aExistingChangeDetailsData['customers'] as $aCustomer){ 
       ?><tr><td><li style='width:auto;'><?php echo $aCustomer['sCustomerName']; ?></li></td></tr><?php 
      } 
     ?> 
    </table> 
</div> 

和我的jQuery是簡單的：

function expandSection() { 
    $("div.cd-content").show("slow"); 
} 

function collapseSection() { 
    $("div.cd-content").hide("slow"); 
} 

我猜這個問題是由於重新上漿性質的幻燈片動畫，是否有任何簡單的方法來保持寬度的寬度：隱藏後的自動元素，以便他們恢復到適當的大小？

編輯： 看來每個元素的寬度減少了5。

Answer 1

嘗試使用fadeIn分別fadeOut istead的show和hide，導致hide()將元素的寬度更改爲零，但​​更改屬性opacity而不是width

Answer 2

你的網線寬度：汽車造型只被設置一次，在第一次呈現，您還可以設置它後事件觸發：

function expandSection() { 
    $("div.cd-content").show("slow").css("width", "auto"); 

} 

function collapseSection() { 
    $("div.cd-content").hide("slow"); 
}