Показать сообщение отдельно
  #1 (permalink)  
Старый 13.04.2014, 22:13
Аватар для moslem
Аспирант
Отправить личное сообщение для moslem Посмотреть профиль Найти все сообщения от moslem
 
Регистрация: 22.07.2013
Сообщений: 30

Выпадающий блок (DropDown)
Приветствую. Нашел готовый код на просторах интернета, для выпадающего списка при клике на меню, мне нужно было реализовать это для нескольких блоков сразу, которые имеют схожие классы везде. То есть JQuery должен сам понимать какой ему блок именно открыть.

Допустим мы имеем следующую структуру:

<div class="sf-field">
		<span class="stfilters">07.04.2014 - 13.04.2014</span>
		<div class="info-bubble">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, modi, deserunt, beatae perferendis perspiciatis ex quis tenetur fuga officiis iure vero eum sint minima soluta quod saepe expedita aspernatur. Aspernatur, recusandae, iusto, qui excepturi consectetur hic quos voluptatum ex quo voluptate libero asperiores reiciendis dolore nemo provident iste praesentium dolorum officiis eos mollitia natus cupiditate quasi perspiciatis! Quibusdam, perferendis, reprehenderit, ducimus consequuntur quia excepturi eos magnam in voluptatum minus maiores nemo sit laborum doloribus tempore quos non assumenda voluptate necessitatibus molestias labore officia facilis quidem officiis quisquam iure enim quaerat ipsum sequi earum? Odit, rerum est earum suscipit atque molestias.</div>
	</div>
	<div class="sf-field">
		<span class="stfilters">Площадки</span>
		<div class="info-bubble">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, modi, deserunt, beatae perferendis perspiciatis ex quis tenetur fuga officiis iure vero eum sint minima soluta quod saepe expedita aspernatur. Aspernatur, recusandae, iusto, qui excepturi consectetur hic quos voluptatum ex quo voluptate libero asperiores reiciendis dolore nemo provident iste praesentium dolorum officiis eos mollitia natus cupiditate quasi perspiciatis! Quibusdam, perferendis, reprehenderit, ducimus consequuntur quia excepturi eos magnam in voluptatum minus maiores nemo sit laborum doloribus tempore quos non assumenda voluptate necessitatibus molestias labore officia facilis quidem officiis quisquam iure enim quaerat ipsum sequi earum? Odit, rerum est earum suscipit atque molestias.</div>
	</div>
	<div class="sf-field">Программы</div>
	<div class="sf-field">SubID</div>


Если я нажму на первую кнопку <span class="stfilters">07.04.2014 - 13.04.2014</span> то она соответственно должна открыть блок находящийся под ней.

Что то подобное у меня получилось, только открываются 2 блока сразу.

Знаний у меня совсем нет, пытаюсь что-то учить, но сейчас нужна была помощь срочная.

Вот демка: http://moslem.ws/dm/loa/nstatic.html

Если есть готовый плагин, был бы рад если скинули бы линк.
Ответить с цитированием