Сделал переход между block1 and block2 с эффектом но сделал с помощью говно-кода,кучу классов.... хотелось бы узнать как можно сделать тоже самое только более легче и правильно codepen.io/seregakoval/pen/RoXvNG
Если вопрос для какого либо конкретного дела, а не просто для саморазвития, то я бы вообще сначала направил бы Вас в сторону animate.css + jquery.
А если по Вашему скрипту, то обратите внимание на функции each и toggle. В Вашем случае она сократит количество повторяющихся команд.
И вот шпаргалка по jQuery. Рекомендую ознакомиться.
Элементы Вашего слайдера, для универсальности. Просто представьте, что вы захотели к примеру добавить еще одну кнопку, и сколько кода там вам нужно перелопатить.
Чем универсальнее Ваше решение, тем оно правильнее(правило работает почти всегда в программировании)
