div ラッパーで jQuery slideToggle() を使用しています。大きな画像を中に入れるまで、すべてうまくいきます。ラッパーの幅が 300px で、内部の画像が 1000 x 500 px で、幅が 100% に設定されているとします。したがって、画像は自動的に 300px x 150px に縮小されます。問題は、ラッパーを表示に切り替えると 500px に伸び、アニメーションが終了すると 150px に戻ることです。これを回避する方法はありますか?
コードはこのようなものです
<div id="wrapper">
<div id="image-wrapper">
<img src"..." width="100%" />
</div>
</div>
#wrapper{
width: 30%;
}