Как анимировать замену класса с jquery?

Question

[rsoinvi]

Задача. При клике я меняю атрибут(меняю класс). Новый класс дает изменение ширины. Как мне сделать, что бы это с анимировалось плавно. Суть в том что бы не менять ширину через animate а просто заменить класс

Answer 1

[Дмитрий]

https://jsfiddle.net/soledar10/5xt2pLfd/
https://jsfiddle.net/soledar10/64Lvvn7m/

Answer 2

[Gegam]

Прописываем новый класс с новой шириной и при событии клика вешаем его. Важно! чтобы предыдущий размер не перекрывал новый.
Накидал пример в jsfiddle:
https://jsfiddle.net/ucgwfetq/16/