Cacher is the code snippet organizer for pro developers

.tabs-menu
	f()
	padding 0
	li
		list-style none
		padding 5px 10px
.current
	border 1px solid grey
.tab-content 
	display none
	padding 10px
#tab-1
	display	block	

$(".tabs-menu a").click(function(event) {
  event.preventDefault();
  $(this).parent().addClass("current");
  $(this).parent().siblings().removeClass("current");
  var tab = $(this).attr("href");
  $(".tab-content").not(tab).css("display", "none");
  $(tab).fadeIn();
});

ul.tabs-menu
	li.current
		a(href="#tab-1") Первый
	li
		a(href="#tab-2") Второй
	li
		a(href="#tab-3") Третий
.tab
	#tab-1.tab-content Я первый таб
	#tab-2.tab-content Я второй таб
	#tab-3.tab-content Я третий таб