|
Вопрос по поводу спойлера
|
|
Четверг, 08.03.2012, 14:35
Проверенный
Есть код спойлера:
Code <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 class="alt2"> <div style="display: none;"> тут текст </div> </div> </div>
Так вот, мне надо вставить на страницу 2 и более спойлеров. Но при вставке 2 спойлеров они работают некорректно: получается спойер в спойлере. А мне надо чтобы каждый спойлер на странице работал независимо от других. |
Пост отредактировал goaleador - Четверг, 08.03.2012, 14:49 |
|
Четверг, 08.03.2012, 14:57
Проверенный
Проще на jQuery:
<div class="spoiltitle">Открыть</div><div class="spoil" style="display: none;">Текст</div>
<script>
$('#spoiltitle').toggle(function(){
$('#spoil').slideDown();
$('#spoiltitle').html('Закрыть');
}, function(){
$('#spoil').slideUp();
$('#spoiltitle').html('Открыть');
});
</script> |
Пост отредактировал zdor - Четверг, 08.03.2012, 14:57 |
Не время делает нас, а мы делаем время |
|
Четверг, 08.03.2012, 15:48
Проверенный
jQuery на uCoz'e не хочет работать  |
|
Четверг, 08.03.2012, 16:06
Заблокированные
Code <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 class="alt2"> <div style="display: none;"> тут текст </div> </div> </div> </div>
Попробуй так! Если не выйдет, то попробуй добавить еще </div> в конце кода! |
Главное верить. |
|
