Сворачивание и разворачивание блока div

@Legal · Регистрация: 03.05.2013

Студворк — интернет-сервис помощи студентам

Ребят, нужна помощь, в Ява я слабак.
Это в head.

JavaScript
1
2
3
4
5
<script type="text/javascript" >
function blockPP(){
 document.getElementById('block1').style.display="none";
  }
</script>

Это в body.

JavaScript
1
2
3
4
5
6
7
8
<div name="block1" id="block1">
<a href="#" onclick="blockPP()">ЗАКАЗАТЬ ОБРАТНЫЙ ЗВОНОК</a>
<form method="post">
Имя <input type="text" name="names"/><br>
Телефон <input type="text" name="tels"/><br>
<input type="submit" name="create" value="Оставить заявку"/>
</form>
</div>

И тут я понял. Что блок может только сворачиваться, но нужно чтоб при нажатии на "ЗАКАЗАТЬ ОБРАТНЫЙ ЗВОНОК" повторно блок div развернулся.
HELP

@Alexdemath · 06.05.2013, 15:39

Сообщение от Legal

И тут я понял. Что блок может только сворачиваться, но нужно чтоб при нажатии на "ЗАКАЗАТЬ ОБРАТНЫЙ ЗВОНОК" повторно блок div развернулся.
HELP

Тогда нужно "ЗАКАЗАТЬ ОБРАТНЫЙ ЗВОНОК" не прятать вместе с формой, т.е. id="block1" повесьте только на форму

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script type="text/javascript" >
function blockPP()
{
    var forma = document.getElementById('block1');
 
    if (forma.style.display != "none") forma.style.display = "none";
    else forma.style.display = "block";
}
</script>
 
<div name="block1">
<a href="#" onclick="blockPP()">ЗАКАЗАТЬ ОБРАТНЫЙ ЗВОНОК</a>
 
<form method="post" id="block1">
Имя <input type="text" name="names"/><br>
Телефон <input type="text" name="tels"/><br>
<input type="submit" name="create" value="Оставить заявку"/>
</form>
 
</div>

@Legal · 06.05.2013, 16:10 **[ТС]**

Спасибо тебе большое!

@MVS76 · 06.05.2013, 18:20

Вот еще одна реализация, красивое разворачивание, нужна библиотека jQuery

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<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>

@bacteria · 02.05.2014, 20:22

MVS76, Спасибо! Вот результат работы скрипта, просто прелесть))) http://zkub.ru/index.php?route... h=1_11_101

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

@Legal 7 / 7 / 0 Регистрация: 03.05.2013 Сообщений: 52
	06.05.2013, 16:10 [ТС]
	Спасибо тебе большое! 0

@bacteria 0 / 0 / 0 Регистрация: 19.02.2017 Сообщений: 1
	02.05.2014, 20:22
	MVS76, Спасибо! Вот результат работы скрипта, просто прелесть))) http://zkub.ru/index.php?route... h=1_11_101 0