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% все тоже самое просто лишь пишется без повторения класса родителя, а просто под ним.

 

 

 Просто вставляете одну строку, дальше она превращается в одну длинную или несколько  с нужными префиксами для браузеров.

устал набирать одни и те же свойства по 500 раз к одному и тому же сайту но к разным элементам

Я знаю, но можно для этого сохранить сниппеты в редакторе и они будут делать тоже самое 

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

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