Jquery幫助需要Div高度

Question

我試圖讓我的div的自動高度，通常是div框它的安裝程序通過CSS 160px但溢出：隱藏;我怎麼可以檢查汽車高度超過160px或不通過jQuery？

我需要這個，因爲我有什麼箱子，我有一個按鈕，顯示更多或更少的顯示，所以如果該高度它不是更大然後正常高度160像素傳遞命令，現在它使我的箱子小

我的代碼是這樣的：

<script type="text/javascript"> 
$("#Show_More_Websites").click(function() { 
    var Button_Value = $("#Show_More_Websites").attr("value"); 
    var Box_Height = $('.Box_Show_Websites').outerHeight(); 

    if(Button_Value == "Show More") { 
    if(Box_Height <= "160") { 
    var el = $('.Box_Show_Websites'), 
    curHeight = el.height(), 
    autoHeight = el.css('height', 'auto').height(); 
    el.height(curHeight).animate({height: autoHeight}, 500); 
    } 
    $("#Show_More_Websites").attr('value', 'Show Less'); 
    } 

    if(Button_Value == "Show Less") { 
    var el = $('.Box_Show_Websites'), 
    curHeight = el.height(), 
    autoHeight = el.css('height', '160px').height(); 
    el.height(curHeight).animate({height: autoHeight}, 500); 


    $("#Show_More_Websites").attr('value', 'Show More'); 
    } 
}); 
</script> 

更新

在這裏你可以找到我的代碼：http://jsfiddle.net/rAjBH/

Answer 1

這裏是解決

演示小提琴 - 注：以下小提琴在只有HTML部分改變使用HTML <br/>

http://jsfiddle.net/rAjBH/1/增加autoheight - autoHeight少
http://jsfiddle.net/rAjBH/2/ - 自動高度更多

$(document).ready(function() { 
$("#Show_More_Websites").click(function() { 
    var Button_Value = $("#Show_More_Websites").attr("value"); 
    var el = $('.Box_Show_Websites') 
    var Box_Height = el.outerHeight(); 
    var autoHeight = el.css('height', 'auto').height(); 
    el.css('height',Box_Height+'px'); 

    if(Button_Value == "Show More") { 
    if(autoHeight > Box_Height) { 
     el.height(curHeight).animate({height: autoHeight}, 500); 
    } 
    $("#Show_More_Websites").attr('value', 'Show Less'); 
    } 

    if(Button_Value == "Show Less") { 
    curHeight = el.height(); 
    autoHeight = el.css('height', '160px').height(); 
    el.height(curHeight).animate({height: autoHeight}, 500); 
    $("#Show_More_Websites").attr('value', 'Show More'); 
    } 
}); 
});