Marina

Для ваших целей достаточно добавлять и убирать класс сайдбару, а анимацию оставлять за CSS.
Набросала грубо пример тут: jsfiddle.net/ashuh0k0

1. Флексбоксы (https://css-tricks.com/snippets/css/a-guide-to-flexbox/, caniuse.com/#search=flexbox)
2. Комбинирование display: table; display: table-cell и пр.

Если:

.csslider1 > .cs_bullets > label:hover{
background-color: #E34B64;
}

заменить на:

.csslider1 > .cs_bullets > label:hover,
.csslider1 > .slide:checked ~ .cs_bullets > label:hover {
background-color: #E34B64;
}

ховер заработает

jsfiddle.net/EDgnL