Нужна библиотека jQuery
Скрипт:
Код: Выделить всё
<style>
.sub_block.full {
display: block;
width: 252px;
margin: 10px 0 10px 0;
padding: 0;
border: 2px dotted rgb(141, 141, 141);
text-align: center;
}
.full {
display: none;
margin-bottom: 20px;
padding-top: 10px;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$('.more').click(function(){
$(this).parent().children('div.full, p.full').toggle('normal');
return false;
});
});
</script>
Применение:
Код: Выделить всё
<div class="sub_block full">
<div class="more"><span style="cursor: pointer;">ЗАКАЗАТЬ ОБРАТНЫЙ ЗВОНОК</span></div>
<div class="full">
<p>На Ваш звонок мы ответим:</p><p>в рабочие дни:с 9 до 17</p><p>в выходные дни:с 10 до 15</p>
<form method="post" id="block1">
Имя:<br/><input type="text" name="names"/><br>
Телефон:<br/><input type="text" name="tels"/><br>
<input type="submit" name="create" value="Оставить заявку"/>
</form>
</div>
</div>