ボーダー場所jQueryの本部の高さを変更

Question

jsFiddle here.

私はjQueryの1.5.2を使用してのdivの高さをトグルしていて、ほとんどが正常に動作するようです。ただし、下の境界線は、拡大すると再配置されませんが、縮小すると再配置されます。

ChromeとIE9の両方で同じ結果が得られました（最初の2つの後に他のブラウザを試したことはありません。

• の隠蔽と再描画の境界線のjQuery
の
• 異なる（新しい）バージョン
• animate({height: x}, y)代わりのcss('height', x)

Answer 1

このコードを使用し、私が試した何

$("#siteMapToggle").click(function() { 
    var temp = $(this).attr("srcAlt"); 
    $(this).attr("srcAlt", $(this).attr("src")); 
    $(this).attr("src", temp); 

    if ($("#fullmenu .menu_tbl").is(':visible')) { 
     $("#fullmenu").css('height', '100px'); 
     $("#fullmenu .menu_tbl").hide(); 
    } 
    else { 

     $("#fullmenu .menu_tbl").show(); 
     $("#fullmenu").css('height', '267px'); 
    } 
}); 

あなたは/非表示のborder-bottomを表示する オーバーフロー CSSスタイルとクラスに基づいて、単純な動作を使用することができます

http://jsfiddle.net/vtex4/4/

Answer 2

：

JS

$("#siteMapToggle").click(function() { 

    $("#fullmenu .menu_tbl").toggle("fast", function() { 
     $("#fullmenu").toggleClass('borderHide') 
    }); 

}）;

CSS

#fullmenu{ 
    width:900px; 
    border-top:3px solid #999; 
    border-bottom:3px solid #999; 
    overflow:auto 
} 

.borderHide { 
    border-bottom:3px solid #999; 
} 

はフルjsfiddleこちらを参照してください。このようなhttp://jsfiddle.net/vtex4/5/