Преобразование события CSS Hover в JavaScript Click Event ⇐ Javascript

[Anonymous]

Код CSS: Hover отлично подходит для пользователей ПК, но я обнаружил, что мобильные пользователи не могут действительно использовать Hover на ссылках, поэтому я надеюсь преобразовать этот код CSS в JavaScript или jQuery, чтобы он работал Использование события Click. Я попытался использовать Toggle () , но у меня были проблемы, когда были другие выпадающие подразделения. Когда открывается один выпадающий лодку, все остальные выпадающие списки должны закрыться. < /P>


< Pre Class = "Snippet-Code-CSS Lang-CSS PrettyPrint-Override">

Код: Выделить всё

.pages-links-sub div.dropdown-contentc {
display: none;
}

.columnb-sub>.pages-links-sub {
display: none;
}

.columnb-sub:hover>.pages-links-sub {
display: block;

div.dropdown-contentc {
display: block;
}
}< /code>

Standard Settings

[url=#]Link 1[/url]


[url=#]SubLinks 1 [i][/i][/url]



[url=#]SubLink 1[/url]
[url=#]SubLink 2[/url]
[url=#]SubLink 3[/url]





[url=#]SubLinks 2 [i][/i][/url]



[url=#]SubLink 1[/url]
[url=#]SubLink 2[/url]
[url=#]SubLink 3[/url]





[url=#]Link 2[/url]
[url=#]Link 3[/url]

Подробнее здесь: https://stackoverflow.com/questions/793 ... lick-event