わかりましたので、私が持っているのは、 id の画像を持つテーブル行です。「ホーム」としましょう。次に、この下に「homeExpand」というIDのdivがあるため、画像のホームをクリックすると、そこにあるリンクを表示するhomeExpand divのサイズが変更されます。これは、chrome と firefox で正常に動作します。また、エクスプローラーで初めてクリックしたときにも機能し、その後、アニメーションが約2倍速くなるようです。Internet Explorer で期間を長くすることで修正できますが、これにより chrome と firefox で速度が低下します......
$(function()
{
$('.rollover').click( function() {
var selector = '#' + $(this).attr("id") + 'Expand';
var size = (($( selector + ' > a' ).size())*25);
if ( $(selector).height() > 0 )
{
//$(selector).css( 'height' , size );
$(selector).animate( {height:0} , 400 , function() {$(this).css( 'visibility' , 'hidden' );} );
}
else
{
$(selector).css( 'visibility' , 'visible' );
//$(selector).css( 'height' , '0px' );
$(selector).animate( {height:size} , {duration: 400 ,easing: 'linear'} );
}
});
});