Требуется помощь Кто понимает HTML подскажите что добавить

Статус
В этой теме нельзя размещать новые ответы.

negodovanie

Premium Lite
Регистрация
12 Дек 2015
Сообщения
5
Реакции
157
При попытке создания интерактивного скрипта необходимо чтоб первый спойлер закрывался при открытие второго и так же со всеми последующими спойлерами, я не настаиваю именно на такой конструкции может кто подскажет как реализовать нечто подобное проще чем в представленном мной варианте. Если кто знает как но лень писать прошу стукните в скайп если вам не лень говорить)
skype: dispensator1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
H1 { font-size: 120%; line-height: 0.7em; font-family: Arial, Helvetica, sans-serif; color: green;}
H2 { font-size: 100%; line-height: 0.9em; font-family: Arial, Helvetica, sans-serif;}
H3 { font-size: 100%; line-height: 0.7em; font-family: Arial, Helvetica, sans-serif;color: red;}
.auth_subm{
font-size: 120%; font-family: Arial, Helvetica, sans-serif; color: darkblue;}
P {
line-height: 0.7em;
}
</style>
</head>
<body>
<div>

<div class="spoil">

<div class="smallfont"><input type="button" class="auth_subm" value="Приветствие первый звонок" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Текст спойлера'; }"/>
</div>

<div class="alt2">

<div style="display: none;">
<h3>Первый вариант</h3>
<h2>- Добрый день! Меня зовут *******, я представляю ********, мы помогаем компаниям платить меньше и получать больше от их сайтов и интернет-магазинов. </h2>
<h3>Второй вариант</h3>
<h2>Добрый день, меня зовут *******, я представляю ******. Наша компания проводит семинары на темы создания и продвижения интернет-магазинов.</h2>
<hr>
<h2>Скажите, как я могу к Вам обращаться? </h2>
<h2>-(Имя ЛПР) подскажите, у вас уже есть сайт или интернет магазин? </h2>
<h1>Да есть</h1>
<h2>Отлично! наше агентство проводит семинар для руководителей компаний, где мы расскажем как тратить деньги на продвижение более эффективно, как использовать различные инструменты продвижения сайтов, как меняет Яндекс свои поисковые алгоритмы и что нужно с этим делать. Все участники семинара получат подарки в виде скидочных сертификатов на услуги агентства Генератор. Места пока еще есть. Стоимость 3000, но если вы самостоятельно регистрируетесь до 15 сентября то Вам он будет стоить 1 тыс. руб.. Скажите, вы сможете посетить семинар? </h2>
<h1>Нет</h1>

</div>

</div>
</div>
<div class="spoil">

<div class="smallfont"><input type="button" class="auth_subm" value="Приветствие второй звонок" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Текст спойлера'; }"/>
</div>

<div class="alt2">

<div style="display: none;">

<h2>- Добрый день! Меня зовут *******, я представляю ********. Как я могу услышать (Имя ЛПР). </h2>
<h2>-(Имя ЛПР) добрый день мы с вами разговаривали (25 августа) на тему: "семинара по созданию ИМ (продвижения ИМ)" звоню уточнить вы посетите наш семинар? </h2>
<h1>Нет</h1>
<h2>Скажите пожалуйста что останавливает вас от регистрации?</h2>
<h1>Да</h1>
<h2>Отлично ждем вас на семинаре (такого то числа) поспешите приобрести билет</h2>

</div>

</div>

<h1>Нет. Не интересно.</h1>
<h2>- Извините за беспокойство, всего доброго.</h2>
<H3>Всего доброго. Досвиданья!</H3>
</body>
</html>
 

При попытке создания интерактивного скрипта необходимо чтоб первый спойлер закрывался при открытие второго и так же со всеми последующими спойлерами, я не настаиваю именно на такой конструкции может кто подскажет как реализовать нечто подобное проще чем в представленном мной варианте. Если кто знает как но лень писать прошу стукните в скайп если вам не лень говорить)
skype: dispensator1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
H1 { font-size: 120%; line-height: 0.7em; font-family: Arial, Helvetica, sans-serif; color: green;}
H2 { font-size: 100%; line-height: 0.9em; font-family: Arial, Helvetica, sans-serif;}
H3 { font-size: 100%; line-height: 0.7em; font-family: Arial, Helvetica, sans-serif;color: red;}
.auth_subm{
font-size: 120%; font-family: Arial, Helvetica, sans-serif; color: darkblue;}
P {
line-height: 0.7em;
}
</style>
</head>
<body>
<div>

<div class="spoil">

<div class="smallfont"><input type="button" class="auth_subm" value="Приветствие первый звонок" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Текст спойлера'; }"/>
</div>

<div class="alt2">

<div style="display: none;">
<h3>Первый вариант</h3>
<h2>- Добрый день! Меня зовут *******, я представляю ********, мы помогаем компаниям платить меньше и получать больше от их сайтов и интернет-магазинов. </h2>
<h3>Второй вариант</h3>
<h2>Добрый день, меня зовут *******, я представляю ******. Наша компания проводит семинары на темы создания и продвижения интернет-магазинов.</h2>
<hr>
<h2>Скажите, как я могу к Вам обращаться? </h2>
<h2>-(Имя ЛПР) подскажите, у вас уже есть сайт или интернет магазин? </h2>
<h1>Да есть</h1>
<h2>Отлично! наше агентство проводит семинар для руководителей компаний, где мы расскажем как тратить деньги на продвижение более эффективно, как использовать различные инструменты продвижения сайтов, как меняет Яндекс свои поисковые алгоритмы и что нужно с этим делать. Все участники семинара получат подарки в виде скидочных сертификатов на услуги агентства Генератор. Места пока еще есть. Стоимость 3000, но если вы самостоятельно регистрируетесь до 15 сентября то Вам он будет стоить 1 тыс. руб.. Скажите, вы сможете посетить семинар? </h2>
<h1>Нет</h1>

</div>

</div>
</div>
<div class="spoil">

<div class="smallfont"><input type="button" class="auth_subm" value="Приветствие второй звонок" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Текст спойлера'; }"/>
</div>

<div class="alt2">

<div style="display: none;">

<h2>- Добрый день! Меня зовут *******, я представляю ********. Как я могу услышать (Имя ЛПР). </h2>
<h2>-(Имя ЛПР) добрый день мы с вами разговаривали (25 августа) на тему: "семинара по созданию ИМ (продвижения ИМ)" звоню уточнить вы посетите наш семинар? </h2>
<h1>Нет</h1>
<h2>Скажите пожалуйста что останавливает вас от регистрации?</h2>
<h1>Да</h1>
<h2>Отлично ждем вас на семинаре (такого то числа) поспешите приобрести билет</h2>

</div>

</div>

<h1>Нет. Не интересно.</h1>
<h2>- Извините за беспокойство, всего доброго.</h2>
<H3>Всего доброго. Досвиданья!</H3>
</body>
</html>
Для таких вещей уже давно придуман jquery - очень облегчает жизнь
Вот то, что тебе нужно
 

Полностью согласен с товарищем thecoder вам стоит использовать jquery для этого это более кросбраузерное и эффективное решение. На YouTube есть много видео уроков на русском по jquery и как создать аккордеон в этой библиотеке.
 

Статус
В этой теме нельзя размещать новые ответы.

Обратите внимание

Назад
Сверху