調整div點擊使用JQuery到特定大小

我有一個當前調整大小的div代碼，但它只能稍微調整div的大小，我不知道如何編輯代碼以便div調整到特定大小！調整div點擊使用JQuery到特定大小

任何幫助非常感謝！

<script type="text/javascript"> 
$(document).ready(function(){  
$(".expanderHead").click(function(){ 
    var $exsign = $("#expanderSign"); 
    $(this).find("#expanderContent").slideToggle(); 
    $exsign.html($exsign.text() == '+' ? '-': '+'); 
    // simplify your if/else into one line using ternary operator 
    // if $exsign.text() == "+" then use "-" else "+" 
    });  
}); 
</script>

來源

2012-09-25 neeko

你在哪裏/如何提供目標尺寸？ – Sampson

這是我困惑的地方，因爲它稍微調整大小，但我看不到它定義目標大小的位置，任何想法？ – neeko

'.slideToggle'會導致元素摺疊或展開。它的行爲根據元素的狀態而改變。 – Sampson

，而不是這樣的：

$(this).find("#expanderContent").slideToggle();

做到這一點：

$(this).find("#expanderContent").animate({height: '50px'});

更新

見的jsfiddle：http://jsfiddle.net/csQYN/

正如@JonathanSampson指出的那樣，slideToggle()也將保存之前的狀態（切換回）。你你animate，你應該負責實施。

來源

2012-09-25 18:51:37

謝謝你的回覆，那麼我如何才能將div擴大到div中文本的全部大小，我會將高度設置爲100％嗎？ – neeko

調整div點擊使用JQuery到特定大小

回答

相關問題