$(document).ready(function(){
	$("#informers h2:first").addClass("active"); // добавляем класс 'active” первому элементу <h4> внутри <div class=”sidebar”> //
	$("#informers div:not(:first)").hide(); // прячем все не первые <ul> элементы внутри <div class=”sidebar”> //

	$("#informers h2").click(function(){
		$(this).next("div").slideToggle("fast")  // происходит клик по заголовку <h4>, для следующего в нём элемента <ul> будет применен эффект slideToggle который раскрывает елемент//
		.siblings("div:visible").slideUp("fast");  // происходит скрытие соседних <ul>//
		$(this).toggleClass("active"); //изменяет класс заголовка на “active”//
		$(this).siblings("h2").removeClass("active"); // у соседних заголовках <h4> и убирает класс “active”//
	});
    
    
    
    $(function () {
    var tabContainers = $('div.tabs > div'); // получаем массив контейнеров
    tabContainers.hide().filter(':first').show(); // прячем все, кроме первого
    // далее обрабатывается клик по вкладке
    $('div.tabs ul.tabNav a').click(function () {
        tabContainers.hide(); // прячем все табы
        tabContainers.filter(this.hash).show(); // показываем содержимое текущего
        $('div.tabs ul.tabNav a').removeClass('selected'); // у всех убираем класс 'selected'
        $(this).addClass('selected'); // текушей вкладке добавляем класс 'selected'
        return false;
    }).filter(':first').click();
});
   	
});