Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.04.2013, 14:30
Новичок на форуме
Отправить личное сообщение для shtaket__ Посмотреть профиль Найти все сообщения от shtaket__
 
Регистрация: 05.04.2013
Сообщений: 1

Сворачивание/разворачивание множества блоков!
Здравствуйте форумчане! Пишу вам от безысходности. Изучаю JS неделю, нужно реализовать такую штуку! На странице есть очень много блоков(например бесконечное множество). Изначально они все свернуты. Например развернули мы первый блок, и при клике на второй блок первый должен свернуться а второй развернуться и так до бесконечности... Нашел хорошее решение на этом форуме:
// действия для первого блока
		$('#main_1').click(function () {
      		// запускаем проверку на закритие панели
			if ($('#content_1').is(":hidden")) {
        		// если панель закрыта открыаем ее и в цикле
				// проверяем открытие других панелей и если они
				// открыты, то закрываем их
				var i=1;
				while (i<=f)
  				{
					$('#content_'+i).slideUp(1000);
					i++;
  				}
				// открывается выбранна панель
				$('#content_1').slideDown(1000);
      		} else {
				// если панель закрыта, то открываем ее
        		$('#content_1').slideUp(1000);
      		}
    	});

Но оно мне не подходит, так как у меня не огрониченое количество блоков!
Вот мой примерный html:
<div id="box">
    <div class="cl_1"></div>
    <div class="cl_1"></div>
    <div class="cl_1"></div>
     ..........
</div>

Помогите пожалуйста со скриптом! Буду безмерно благодарен...
Ответить с цитированием
  #2 (permalink)  
Старый 05.04.2013, 14:46
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

добавляйте открытому блоку класс актив и все. при клике проверяйте наличие класса актив, если есть - этот (этот - это тот по которому кликнули) блок актив или нет. Если этот - значит надо только закрыть блок. Если нет - актив скрываем, удаляем у него класс актив, этот раскрываем и добавляем класс актив.

Хотите подробней - сделайте тестовый пример (верстку нескольких блоков)

Последний раз редактировалось tsigel, 05.04.2013 в 14:49.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Сортировка блоков по параметрам webmanss Элементы интерфейса 17 18.06.2016 20:04
смена блоков! DavidDavid Общие вопросы Javascript 10 23.02.2013 08:45
Прерывание события на границе двух блоков miller Events/DOM/Window 0 25.06.2010 20:58
Печать невидимых блоков mixeeff Events/DOM/Window 7 11.03.2009 11:41