ZackFox

Есть вот такой блок по типу табов. Подскажите как написать правильно код функции для интервала с автосменой "активного" класса у трех нижних элементов. Переключение по клику и появление нужного контента я сделал. html Код верстки <div class="side_center"><!--___________ TABS_CONTENT ___________--> <div class="slide_wrap"> <div class="slide_content show_slide" id="slide1"> <h2>Slide 1</h2> </div> <div class="slide_content " id="slide2"> <h2>Slide 2</h2> </div> <div class="slide_content " id="slide3"> <h2>Slide 3</h2> </div> </div><!--___________ TABS_BUTTONS ___________--> <a href="#slide1" class="slide_btn a_btn"> <i class="circle health_c"></i> <h3>Personal Accidentt Insurance</h3> </a> <a href="#slide2" class="slide_btn " > <i class="circle pesonal_c"></i> <h3>Easy Health Insurance</h3> </a> <a href="#slide3" class="slide_btn"> <i class="circle travel_c"></i> <h3>Travel Insurance</h3> </a></div>Переключение табов по клику $(document).ready(function(){ $(".slide_btn").click(function(event){ event.preventDefault(); $(".slide_btn").removeClass("a_btn"); $(this).addClass("a_btn"); var el_id = $(this).attr("href"); $(".slide_content").removeClass("show_slide"); $(el_id).addClass("show_slide"); }); });

Не заметил особой краткости (ну лично мне так кажется) в 90% все тоже самое просто лишь пишется без повторения класса родителя, а просто под ним. Я знаю, но можно для этого сохранить сниппеты в редакторе и они будут делать тоже самое

Пересмотрел несколько туторов и статей, но так и не понял какая от него польза. На выходе получается тот же CSS. Сложилось впечатление что это мода такая, чтобы добавить лишний пункт в резюме. Кардинального ускорения не заметил - пишут все тоже самое просто с другой иерархией. Объясните мне в чем прикол.

Сверстал свой второй макет. http://sergeyweb.16mb.com Макет простой. Попытался сделать его отзывчивым. Минус: не делал для галереи всплывающего окна.