Как сделать выезжающую панель без jQuery?

Question

[robben1234]

Мне нужно, чтобы блок (на самом деле три, но это сейчас роли не играет) по нажатию на кнопку выезжал вправо, а при повторном нажатии - заезжал обратно влево. jQuery нельзя - я пытаюсь разобраться с анимацией на JS, и как-то не получается.

Вот код, который пока есть: plnkr.co/edit/hLNRYMi3kuRkPyPLEXBF?p=preview

Answer 1

[Максим]

Я бы упростил жизнь и сделал на CSS. Используйте свойства transform: translateX(значение_на_которое_поедем) для перемещения и

transition: [что] [за_какое_время] [функция_движения] [задержка]

для плавного перемещения.

Answer 2

[Виталий Инчин ☢]

К примеру, вот так.