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

Программирование в HTML

Модератор: Aleksandr

Аватара
Автор темы
Дим M
Администратор
Администратор
Сообщения: 1159
Репутация: 74
С нами: 5 лет 8 месяцев

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

Сообщение #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
i love you mxIni Mysql

! ! !


  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

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

Кто сейчас на форуме

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