Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Александр
@yustas_S
JavaScript
CSS
Как реализовать переключатель 4х стилей css одного елемента?
Вообщем есть меню и 4е его состояния. Как можно реализовать переключение и фиксацию одного из 4х его состояний?
Вопрос задан
более трёх лет назад
2829 просмотров
3
комментария
Подписаться
2
Оценить
3
комментария
Facebook
Вконтакте
Twitter
Александр
@yustas_S
Автор вопроса
jsfiddle.net/46P2F
Написано
более трёх лет назад
Александр
@yustas_S
Автор вопроса
прикрепил реализацию. так вот нужен переключатель что бы была возможность фиксировать одно из состояний ну и плюс оставить "авто"...
Написано
более трёх лет назад
Александр
@yustas_S
Автор вопроса
...состояние свернутого меню и развернутого...
Написано
более трёх лет назад
Решения вопроса
1
Назар Мокринский
@nazarpc
Open Source enthusiast
Менять класс корневого элемента?
Дайте немного подробностей.
Ответ написан
более трёх лет назад
4
комментария
Нравится
1
4
комментария
Facebook
Вконтакте
Twitter
Александр
@yustas_S
Автор вопроса
прикрепил реализацию))как-то так...
Написано
более трёх лет назад
Назар Мокринский
@nazarpc
@yustas_S
Таки да, используете transition для плавных переходов, а потом меняете класс элемента с помощью JavaScript на один из четырех нужных вам.
Написано
более трёх лет назад
Александр
@yustas_S
Автор вопроса
@nazarpc
как-то, по подробней было бы неплохо))...я не особо знаком с JavaScript
Написано
более трёх лет назад
Назар Мокринский
@nazarpc
Есть у вас элемент .mainmenu - вот и довешивайте к нему классы, посмотрите справку jQuery, я не знаю как тут подробнее. Я же в ответе не научу вас ни jQuery, ни JavaScript.
RTFM, как говорится.
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
2
Роман Сакутин
@romaan27
Через JS менять класс рутового элемента?
Ответ написан
более трёх лет назад
3
комментария
Нравится
1
3
комментария
Facebook
Вконтакте
Twitter
Александр
@yustas_S
Автор вопроса
что значит рутового?)))...я в этом зеленый, но есть желание разобраться
Написано
более трёх лет назад
Назар Мокринский
@nazarpc
@yustas_S
root == корень
Написано
более трёх лет назад
Александр
@yustas_S
Автор вопроса
@nazarpc
суть всё же не уловил...
Написано
более трёх лет назад
JohnDaniels
@JohnDaniels
"Элемент", "Это", "Эпизод"
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+1 ещё
Простой
Как добавить оттенки на фоне как на макете?
1 подписчик
17 часов назад
37 просмотров
0
ответов
JavaScript
+3 ещё
Простой
Почему при отправке HTML-формы данные не поступают в mysql?
1 подписчик
25 июл.
141 просмотр
1
ответ
HTML
+1 ещё
Простой
Прозрачный DIV перекрывает элемент под ним?
1 подписчик
25 июл.
100 просмотров
1
ответ
CSS
+3 ещё
Средний
Яндекс Браузер на MacOS: как убрать или подвинуть иконку автозаполнения?
1 подписчик
25 июл.
56 просмотров
0
ответов
JavaScript
Простой
Как получить переменную из esm-модуля?
1 подписчик
24 июл.
119 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как сделать так чтоб push уведомления отправлялись в фоне при открытом но неактивном pwa приложении?
1 подписчик
24 июл.
53 просмотра
0
ответов
JavaScript
+2 ещё
Средний
Есть для готовый плагин для проверки css-переменных со следующими фичами (см. описание)?
1 подписчик
24 июл.
54 просмотра
0
ответов
CSS
Простой
Как выровнять крестик?
1 подписчик
23 июл.
101 просмотр
1
ответ
CSS
Простой
Как решить проблему с наложением в сафари?
2 подписчика
22 июл.
293 просмотра
1
ответ
JavaScript
+1 ещё
Простой
Каким образом отлавливать и корректно устранять конкурирующие запросы javascript на сайте?
1 подписчик
21 июл.
491 просмотр
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
JavaScript Developer (KSC)
Лаборатория Касперского
•
Москва
JavaScript Developer (NGFW)
Лаборатория Касперского
Frontend developer (JavaScript, jQuery)
Karma8
от 150 000 до 320 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама