Deff,
я наоборот хотел избавиться от того, что высота уменьшается до нуля) но всё равно спасибо, я буквально неделю работаю с jquery и не знай о таких полезных функциях как toggle(), slideUp/Down и других. Получился такой вот код:
<!DOCTYPE html>
<html>
<head>
<title>Site</title>
<style>
.content
{
display:none;
}
.container
{
margin: 30px auto;
padding: 10px;
border: 2px solid black;
border-radius: 8px;
width: 150px;
overflow: hidden;
}
.vis > span:hover
{
cursor: pointer;
background-color: blue;
color: white;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$('div.vis > span').click(function()
{
$('.content').slideToggle(800);
if (this.textContent == 'Скрыть')
this.textContent = 'Показать';
else
this.textContent = 'Скрыть';
});
});
</script>
</head>
<body>
<div class="container">
<div class="vis">
Параметры:<br/>
<span>Показать</span>
</div>
<div class="content">
<p>парам1: <b>знач1</b></p>
<p>парам2: <b>знач2</b></p>
<p>парам3: <b>знач3</b></p>
<p>парам4: <b>знач4</b></p>
<p>парам5: <b>знач5</b></p>
</div>
</div>
</body>
</html>