Cacher is the code snippet organizer for pro developers

.tab__head
	.tab__head-el.tab__head-el--active(data-tab="1") Таб 1
	.tab__head-el(data-tab="2") Таб 2
	.tab__head-el(data-tab="3") Таб 3
.tab__cont.tab__cont--active(data-tab="1")
	.tab__wrap
		p Информация для Таб 1
.tab__cont(data-tab="2")
	.tab__wrap
		p Информация для Таб 2
.tab__cont(data-tab="3")
	.tab__wrap
		p Информация для Таб 3

var tabConstruct = function (elHead,elTab){
	$("."+elHead).click(function () {
		var elHeadActive = elHead+'--active';
		var elTabActive = elTab+'--active';

		$("."+elHead).removeClass(elHeadActive);
		$(this).addClass(elHeadActive);
		var curentTab = $(this).data('tab');
		$("."+elTab).each(function () {
			$(this).removeClass(elTabActive);
			if ($(this).data('tab') == curentTab) {
				$(this).addClass(elTabActive);
			}
		})
	});
};

tabConstruct('tab__head-el','tab__cont');

.tab__cont
	display: none
.tab__cont--active
	display: block
.tab__head-el
	cp()