@art_y10

Как организовать ненумерованый список как выпадающий список с выбором значения?

Имееться ненумерованый список языков.

<ul id="lng-menu1" class="lng-menu">
	<li class="active"><a href="/ru">RU</a></li>
	<li><a href="/en">EN</a></li>
</ul>


Класс active присваевается li по клику на ссылку с языковой версией (то есть эта возможность уже есть и в коде не нужна).
На странице видны обе ссылки:
RU
EN
Нужно, чтобы показывался только активный язык, а при клике показывался "выпадающий список" языков, при выборе языка опять показывался выбранный и происходил переход по ссылке. Повторюсь, класс "active" выбранному языку при клике по ссылке уже присваивается.

В интернетах попадались только решения с "начальным" значением, типа "выберите что-нибудь", либо бутстраповские дропдауны с кнопкой перед списком. Кнопка здесь лишняя, необходимо решение на вышеукашанной html структуре.

По идее, что-то на jquery/javascript. Внутри li-шек есть ссылки, поэтому немогу определить клик по чему лучше обрабатывать, по UL или по самим ссылкам. Также необходимо расгиряемое решение, если добавится один-пара языков еще.
  • Вопрос задан
  • 52 просмотра
Решения вопроса 1
@art_y10 Автор вопроса
Нашел решение, чуть подкорректировав решение из данного вопроса (можно найти ответ в комментариях)

Стилизировать ul под выпадающий список?
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы