Не получается переключить слайдер с помощью JS

[yaparoff]

Вот сам слайдер http://codepen.io/anon/pen/YPRQjo

 

Радиобаттоны функционируют. Но стрелочки не получается привести в действие.
Думаю, лучше это сделать с помощью JS.

Уже пробовал с помощью нажатия стрелки включать display:block у определенного слайда. Но что-то не получилось.

Подскажите как лучше реализовать это?

 

 

[Switch74]

http://codepen.io/anon/pen/emQyWb

[yaparoff]

Спасибо за повторную помощь, Switch74.

Интересует также как сделать, чтобы он пролистывался автоматически и делал это плавно (transition на какой класс повесить?).
В гугле в основном примеры jQuery попадаются. А как сделать это с помощью JS/CSS ?

http://codepen.io/anon/pen/YPRQjo

[Switch74]

думаю тут подойдет использование плавного появления и исчезновения с помощью opacity

чтобы пролистывался автоматически, думаю лучше использовать js. На css не думаю, что получится корректный вариант автоматического пролистывания