1

わかりましたので、私が持っているのは、 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'} );
        }
    });
});
4

0 に答える 0