使用JQuery将特定大小的单击调整大小

Question

我有一个当前调整大小的div代码，但它只能稍微调整div的大小，我不知道如何编辑代码，以便div调整大小到特定的大小！

任何帮助都非常感谢!!

<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>

Answer 1

而不是：

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

这样做：

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

<强>更新

请参阅jsfiddle：http://jsfiddle.net/csQYN/

正如@JonathanSampson指出的那样，slideToggle()也将保存先前的状态（切换回的状态）。你animate，你应该负责实现它。