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

Description: Программирование в HTML
Moderator: Aleksandr

Дим M
Topic author, Администратор
Администратор
Avatar
Дим M
Topic author, Администратор
Администратор
Reputation: 74
Posts: 1215
Joined: 5 Apr 2013
With us: 6 years 3 months

#1by Дим » 7 Jul 2014, 16:41

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


Скрипт:

Code: Select all

<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>


Применение:

Code: Select all

<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

! ! !


Return to “HTML”

Who is online (over the past 5 minutes)

Users browsing this forum: 1 guest