StrikeBack

у вас селектор
.ui_tabs_2>input:checked+label

+ означае что выбранные элементы идут друг за другом, в вашем случае это инпут + лейбл

а в верстке у вас сначала три инпута а потом три лейбла, и по этому это правило .ui_tabs_2>input:checked+label работает не правильно.

должно быть
input
label
input
label
input
label

все логично. когда у вас открыт первый пункт и вы нажимаете на второй, у вас первый блок схлопывается, и открывается второй. создается ощущение что контент открывается вверх. Чтоб такого эффекта не появлялось, необходимо сделать чтобы блоки открывались и раскрывались независимо друг от друга (отключить аккордион, оставить одни коллапсы), то есть при открытии второго, перый должен остаться закрытым.

либо закостылить и скроллить страницу к началу блока, после открытия блока по которму кликнули