Форум Сайтостроение Веб-строительство

Раскрывающиеся блоки - как?

[Удален]
885

Приветствую!

Подскажите пожалуйста, как сделать раскрывающиеся блоки (например как на vkontakte.ru)

Т.е. код вида:

<div>
<div> Тут заголовок блока. Щелкать нужно по нему</div>
<div> Тут блок который появляется и исчезает</div>
</div>

Что нужно прописать в стилях к этим блокам?

Заранее спасибо.

Maxouni
На сайте с 18.11.2008
Offline
119
Maxouni
#1

http://chernev.ru/delaem-raskryvayushhiesya-bloki.html

как же трудно набрать эту фразу в поисковике😂

Создание, продвижение, поддержка сайтов и приложений.
[Удален]
#2

Maxouni, огромное вам спасибо!

А можно, чтоб именно как вконтакте? Т.е. можно было и все открыть и по отдельности.

Maxouni
На сайте с 18.11.2008
Offline
119
Maxouni
#3

Ну логика тут проста, делаешь кнопку(открыть все), блокам даешь id такого вида - block1,block2,block3 и в onclick кнопки пишешь -

for(i=1;$i<=3;$i++)

{

block+$i - код для раскрытия или закрытия.

}

кароче просто в цикл ставишь и все. посмотри как цикл на js делается

P
На сайте с 10.03.2008
Offline
168
pistol
#4

Не надо циклов, надо присвоить один класс и разные иды всем блокам.

ТС, кури jquery, там вот так открываются и закрываются все элементы класса blok:

$(".blok").show("slow"); //Открываем

$(".blok").slideUp(); //Закрываем

А если сделать #blok вместо .blok, откроется и закроется див с ид blok.

stifler_x
На сайте с 19.06.2008
Offline
193
stifler_x
#5

можно сделать функцию по клику, которая будет добалять или удалять стиль dyspley:none; блока с уникальным идентификатором. Если же курить jquery влом, то надо копаться в нете... уже все давно сделали

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий