Вот смотри, задача поменять стили в элементах хз где внутри родительского элемента. Если писать каждому свой стиль, то придется в скрипте искать и оперировать двумя или большим количеством элементов одновременно, а если в цсс записать такие вот рулезы
div.a-text-up h1 i:before {content:'\f102';}
div.a-text-up h1+div {max-height:300px;}
div.a-text-down h1 i:before {content:'\f103';}
div.a-text-down h1+div {max-height:0px;}
То получаешь один элемент и оперируешь одним правилом.