<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<style>
#spoiler {
overflow: hidden;
height: 30px;
line-height: 15px;
}
#spoiler.active {
height: auto;
}
</style>
<div id="spoiler">
немного параметров<br>
еще чуть-чуть параметров<br>
больше параметров<br>
еще больше параметров<br>
намного больше параметров<br>
</div>
<button>больше параметров</button>
<script>
(function () {
var flag = true;
$("button").click(function () {
if (flag) {
var height = $("#spoiler").css("height", "auto").height();
$("#spoiler").css("height", "30px")
$("#spoiler").animate({"height": height});
} else {
$("#spoiler").animate({"height": "30px"});
}
flag = !flag;
});
})()
</script>