jquery slideToggle图像问题

Question

我在div包装器上使用jQuery slideToggle（）。一切正常，直到我把更大的图像放在里面。 假设包装器宽300px，内部图像为1000 x 500像素，宽度设置为100％。因此，图像自动缩小到300像素×150像素。问题是当包装器被切换为可见时它会延伸到500px，当动画结束时它会跳回到150px。 有办法如何避免这种情况吗？

代码是这样的

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

#wrapper{
 width: 30%;
}