Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как связать div и li (https://javascript.ru/forum/dom-window/51601-kak-svyazat-div-i-li.html)

new_guy 12.11.2014 11:59

Как связать div и li
 
Добрый вечер.
Понимаю что задача абсолютно тривиальная, но пока решить не получилось.
Есть список
<ul>
<li>Элемент 1</li>
<li>Элемент 2</li>
<li>Элемент 3</li>
</ul>

и 3 div'a которые должны отображаться в зависимости от того, на каком элементе списка кликнули (у li, по которому кликнули, класс тоже меняется, но это сделал). А остальные 2 скрываются.
<div class="active">Текст 1</div>
<div class="unactive">Текст 2</div>
<div class="unactive">Текст 3</div>

Пробовал в <li> добавить id'шники, но задать смену класса у div все равно не получилось.
Подскажите пожалуйста, куда копать?:help:

krasovsky 12.11.2014 13:37

назнач id или дата-аттрибуты или классы или даже его индекс относительно предка - вариантов масса, любой изврат какой хочешь.
Обрабатываешь клик по Li: берешь его id\класс\дата-аттрибут\индекс, ищешь див с соответствующим id\классом\аттрибутом \индексом. Все.
И ты же конечно в курсе, что id - только раз на страницу,ога?

new_guy 12.11.2014 15:09

Так точно, вкурсе)

рони 12.11.2014 15:33

new_guy,
:cray: на форуме есть примеры того что вы хотите ... их много ... :cray:

рони 12.11.2014 15:46

new_guy,
tabs ищите
:write: http://javascript.ru/forum/dom-windo...tml#post307758


Часовой пояс GMT +3, время: 05:39.