Сворачивание и разворачивание блока div по средствам JavaScript

Описание: Программирование в HTML
Модератор: Aleksandr

Дим M
Автор темы, Администратор
Администратор
Аватара
Дим M
Автор темы, Администратор
Администратор
Сообщения: 1608
Зарегистрирован: 5 апреля 2013
С нами: 10 лет 11 месяцев

#1 Дим » 7 июля 2014, 16:41

Нужна библиотека jQuery


Скрипт:

Код: Выделить всё

<style>
.
sub_block.full {
displayblock;
width252px;
margin10px 0 10px 0;
padding0;
border2px dotted rgb(141141141);
text-aligncenter;
}
.
full {
displaynone;
margin-bottom20px;
padding-top10px;
}
</
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
[center]i love you [s]mxIni[/s] Mysql[/center]


Вернуться в «HTML»

Кто сейчас на форуме (по активности за 5 минут)

Сейчас этот раздел просматривают: 2 гостя