Добро пожаловать, Гость!
Подскажите
Заработок | Подскажите



Подскажите
13 Мая 2013Как делается код при котором окно сворачивается и при нажатии разворачивается [+] [-]
Пример
<==КОД==>
ССЫЛКА
ССЫЛКА
<==КОНЕЦ==>
ПОКАЗАТЬ[+]
_______________
Скрыть[-]
ССЫЛКА
ССЫЛКА2
Комментарии:



Sektor (13 Мая 2013):
сворачивание,разворачивание информации?
Sektor, дасворачивание,разворачивание информации?



Angelok0803 (13 Мая 2013):
Это туда же под него:
<div>
<a href="" class="spoiler_links">Спойлер №2 (кликните для показа/скрытия)</a>
<div class="spoiler_body">
А это уже другой спойлер!<br>
И он тоже работает!
</div>
</div>
<style type="text/css">
.spoiler_body {display:none; cursor:pointer;}
</style>
<input type="button" value="Закрыть все"
onclick=$("div[class^='spoiler_body']").hide('normal')>
<input type="button" value="Открыть все"
onclick=$("div[class^='spoiler_body']").show('normal')>
Angelok0803, мне на вап можешь в чистой станице сделать что в при открытии сполера показывалась любая ссылка (для примера)Это туда же под него:
<div>
<a href="" class="spoiler_links">Спойлер №2 (кликните для показа/скрытия)</a>
<div class="spoiler_body">
А это уже другой спойлер!<br>
И он тоже работает!
</div>
</div>
<style type="text/css">
.spoiler_body {display:none; cursor:pointer;}
</style>
<input type="button" value="Закрыть все"
onclick=$("div[class^='spoiler_body']").hide('normal')>
<input type="button" value="Открыть все"
onclick=$("div[class^='spoiler_body']").show('normal')>



Это туда же под него:
<div>
<a href="" class="spoiler_links">Спойлер №2 (кликните для показа/скрытия)</a>
<div class="spoiler_body">
А это уже другой спойлер!<br>
И он тоже работает!
</div>
</div>
<style type="text/css">
.spoiler_body {display:none; cursor:pointer;}
</style>
<input type="button" value="Закрыть все"
onclick=$("div[class^='spoiler_body']").hide('normal')>
<input type="button" value="Открыть все"
onclick=$("div[class^='spoiler_body']").show('normal')>



Все в одно место:
<sсript type="text/javasсript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</sсript>
<sсript type="text/javasсript">
$(document).ready(function(){
$('.spoiler_links').click(function(){
$(this).parent().children('div.spoiler_body').toggle('normal');
return false;
});
});
</sсript>
<div>
<a href="" class="spoiler_links">Спойлер №1 (кликните для показа/скрытия)</a>
<div class="spoiler_body">
Текст по спойлером<br>
плавно появляется<br>
и плавно исчезает<br>
при клике по спойлеру
</div>
</div>