Как спрятать код под спойлер?

**naprimer001** · 04.07.2014 01:16

Добрый день, господа!

Есть код спойлера:

спойлер

<div class="spoil">
<div class="smallfont"><input type="button" 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>

[свернуть]

И код ещё одного элемента, вот такого _http://jqstore.ru/katalog_skriptov/hover-effects/jquery_plagin_jqueryzoom/
Вот его код:

код

[свернуть]

По отдельности всё работает, но если второй элемент я убираю под спойлер всё ломается.
В чём дело и как это сделать правильно?

**Faraday** · 04.07.2014 01:24

А код спойлера точно правильный? Закрывающих див-ов 4, открывающих 2. Что-то тут не так, посмотрите откуда вы брали первый код?

**naprimer001** · 04.07.2014 01:35

Faraday,
Копировал просто лишние.
Он правильный, дивов там ровно столько сколько надо.
Более того на другой стр. он работает, но там обычный текст.

**semyon** · 04.07.2014 05:04

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

Более того на другой стр. он работает, но там обычный текст.

Скорее всего скрипт на онклике конфликтует с лайтбоксом.
Попробуйте вынести спойлер в отдельный файл, как функцию и запускать уже функцию.

**naprimer001** · 04.07.2014 10:45

semyon, если не затруднит объясните подробнее, пожалуйста. Просто я в этом плохо разбираюсь и учусь методом проб и ошибок

	04.07.2014 01:16 #1
naprimer001 Дипломник Регистрация: 13.01.2013 Сообщений: 232 Репутация: 53 Webmoney BL: ?	Добрый день, господа! Есть код спойлера: спойлер <!-- спойлер начало --> <div class="spoil"> <div class="smallfont"><input type="button" 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> <!-- спойлер конец --> [свернуть] И код ещё одного элемента, вот такого _http://jqstore.ru/katalog_skriptov/hover-effects/jquery_plagin_jqueryzoom/ Вот его код: код <body> <div id="container"> <div id="main"> <div class="block"> <a href="#" class="zoom" id=""><img src="http://webmasters.ru/forum/images/thumbnail-1.jpg" alt="thumbnail" /></a> </div> <div class="block"> <a href="#" class="zoom" id=""><img src="http://webmasters.ru/forum/images/thumbnail-2.jpg" alt="thumbnail" /></a> </div> <div class="block last"> <a href="#" class="zoom" id=""><img src="http://webmasters.ru/forum/images/thumbnail-3.jpg" alt="thumbnail" /></a> </div> </div> </div> </body> [свернуть] По отдельности всё работает, но если второй элемент я убираю под спойлер всё ломается. В чём дело и как это сделать правильно? Последний раз редактировалось naprimer001; 04.07.2014 в 01:36.
0 naprimer001

	04.07.2014 01:24 #2
Faraday Дипломник Регистрация: 17.04.2011 Сообщений: 143 Репутация: 30	А код спойлера точно правильный? Закрывающих див-ов 4, открывающих 2. Что-то тут не так, посмотрите откуда вы брали первый код?
0 Faraday

	04.07.2014 01:35 #3
naprimer001 Дипломник Регистрация: 13.01.2013 Сообщений: 232 Репутация: 53 Webmoney BL: ?	Faraday, Копировал просто лишние. Он правильный, дивов там ровно столько сколько надо. Более того на другой стр. он работает, но там обычный текст. Последний раз редактировалось naprimer001; 04.07.2014 в 01:49.
0 naprimer001

	04.07.2014 10:45 #5
naprimer001 Дипломник Регистрация: 13.01.2013 Сообщений: 232 Репутация: 53 Webmoney BL: ?	semyon, если не затруднит объясните подробнее, пожалуйста. Просто я в этом плохо разбираюсь и учусь методом проб и ошибок
0 naprimer001

Темы	Раздел	Ответов	Последний пост
Как организовать спойлер для Joomla?	Joomla	5	18.02.2014 01:23
Спрятать код	DLE	2	11.12.2013 09:43
Как спрятать отступы?	DLE	5	30.09.2013 19:41
Куда бы спрятать h1 ?	Вопросы от новичков	9	14.07.2013 00:05
Спойлер на блоге WordPress	Дайджест блогосферы	0	04.04.2011 20:10

Как спрятать код под спойлер?

Опции темы

спойлер

код

Спасибо сказали:

Тэги топика:

Похожие темы

Как организовать спойлер для Joomla?

Спрятать код

Как спрятать отступы?

Куда бы спрятать h1 ?

Спойлер на блоге WordPress

Тем:

Сообщений:

Пользователей:

Сейчас на сайте:

Вход

Сайт

Разделы

Прочее

Следите за нами

Витрина ссылок

У нас проходит

У кого попросить инвайт?

Золотые темы форума

Последние новости

Популярные темы

Информеры