jquery - jquery slideToggle 问题与图像

Question

我在 div 包装器上使用 jQuery slideToggle()。一切正常，直到我把更大的图像放进去。假设包装器的宽度为 300 像素，内部的图像为 1000 x 500 像素，宽度设置为 100%。所以图像会自动缩小到 300 像素 x 150 像素。问题是当包装器切换为可见时，它会拉伸到 500 像素，而当动画完成时，它会跳回 150 像素。有没有办法避免这种情况？

代码是这样的

<div id="wrapper">
 <div id="image-wrapper">
   <img src"..." width="100%" />
 </div>
</div>

#wrapper{
 width: 30%;
}