Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Табы/список с раскрывающимися данными (https://javascript.ru/forum/dom-window/68427-taby-spisok-s-raskryvayushhimisya-dannymi.html)

TRIGUN 15.04.2017 21:09

Табы/список с раскрывающимися данными
 
Добрый вечер всем.
Прошу помочь с реализацией списка с раскрывающимися данными:

Нужен вертикальный список (адреса точек), и при нажатии на конкретный адрес справа раскрывается различная информация (карта, время работы и т.д.).

Тут это реализовано более наглядно ссылка (вкладка "список" там).

Хотелось бы конечно, чтобы были 2 уровня.
Первый уровень - выбор города или области, а второй уровень - уже конкретные адреса. И само собой, чтобы это было все на одной странице.

С обычными табами попроще, но тут ситуация иная, т.к. адресов очень много.

Какие варианты есть?

TRIGUN 22.04.2017 00:11

Друзья, подскажите хотя бы как доработать этот скрипт, чтобы одна вкладка всегда была открытой по умолчанию:

var show;
function hidetxt(type){
 param=document.getElementById(type);
 if(param.style.display == "none") {
 if(show) show.style.display = "none";
 param.style.display = "block";
 show = param;
 }
else param.style.display = "none"
}


<div>
<a onclick="hidetxt('div1'); return false;" href="#" rel="nofollow">Ссылка 1</a>
<div style="display:none;" id="div1">
Текст 1
</div>
</div>
<div>
<a onclick="hidetxt('div2'); return false;" href="#" rel="nofollow">Ссылка 2</a>
<div style="display:none;" id="div2">
Текст 2
</div>
</div>
<div>
<a onclick="hidetxt('div3'); return false;" href="#" rel="nofollow">Ссылка 3</a>
<div style="display:none;" id="div3">
Текст 3
</div>
</div>

рони 22.04.2017 00:19

TRIGUN,
форум - поиск - открывашка


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