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

Форум по Javascript
Ответить
Anonymous
 Преобразование события CSS Hover в JavaScript Click Event

Сообщение 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»