Как сделать свой тоггл эффект?

Question

[Tlegen Bayangali]

У меня есть кнопка, которая должна по одному нажатию, к примеру, увеличиваться по ширине, по второму же нажатию, ее ширина возвращалась бы обратно. То есть как свойство .toggle(), только с моими параметрами.

Comments

[Tlegen Bayangali]

PS: я правильно понял? .toggle() только отображает и скрывает элемент через инъекцию атрибута style="display: none/block"?

Answer 1

[eternalfire]

написать на css её дефолтные стили и с помощью toggle() добавить класс, c допустим active, в котором описаны изменения этого селектора, на css естественно

Comments

[Tlegen Bayangali]

а можно Ваш личный пример? если не составит труда, конечно же

[eternalfire]

https://jsfiddle.net/x6025468/

[Tlegen Bayangali]

eternalfire, спасибо за решение! + еще один вопрос: не могли бы вы осуществить то же самое на фреймворке jQuery с плавной анимацией? заранее благодарю!

[Анатолий]

Tlegen Bayangali, скинул пример в своем решении.

Answer 2

[Анатолий]

Написать свой класс для "широкого" состояния и с помощью .toggleClass() добавлять/удалять его.

UPD: клик