Как реализовать переключатель 4х стилей css одного елемента?

Question

[Александр]

Вообщем есть меню и 4е его состояния. Как можно реализовать переключение и фиксацию одного из 4х его состояний?

Comments

[Александр]

jsfiddle.net/46P2F

[Александр]

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

[Александр]

...состояние свернутого меню и развернутого...

Answer 1

[Назар Мокринский]

Менять класс корневого элемента?
Дайте немного подробностей.

Comments

[Александр]

прикрепил реализацию))как-то так...

[Назар Мокринский]

@yustas_S Таки да, используете transition для плавных переходов, а потом меняете класс элемента с помощью JavaScript на один из четырех нужных вам.

[Александр]

@nazarpc как-то, по подробней было бы неплохо))...я не особо знаком с JavaScript

[Назар Мокринский]

Есть у вас элемент .mainmenu - вот и довешивайте к нему классы, посмотрите справку jQuery, я не знаю как тут подробнее. Я же в ответе не научу вас ни jQuery, ни JavaScript.
RTFM, как говорится.

Answer 2

[Роман Сакутин]

Через JS менять класс рутового элемента?

Comments

[Александр]

что значит рутового?)))...я в этом зеленый, но есть желание разобраться

[Назар Мокринский]

@yustas_S root == корень

[Александр]

@nazarpc суть всё же не уловил...

Answer 3

[JohnDaniels]

"Элемент", "Это", "Эпизод"