[Lucard IV]

рони,
Спасибо, все почти работает, но есть беда, при нажатии на первый пункт меню открывается следующий, при нажатии на следующий, открывается следующий вновь.(

<div class="popup_objects objects popup">
			<a class="close" href="#">Close</a>
			<h2>ОБЪЕКТЫ</h2>
		</div>

		<div class="popup_sources sources popup">
			<a class="close" href="#">Close</a>
			<h2>ИCТОЧНИКИ</h2>
		</div>

		<div class="popup_leaders authors leaders">
			<a class="close" href="#">Close</a>
			<h2>ЛИДЕРЫ</h2>
		</div>

		<div class="popup_authors authors popup">
			<a class="close" href="#">Close</a>
			<h2>АВТОРЫ</h2>
		</div>

		<div class="popup_tonality tonality popup">
			<a class="close" href="#">Close</a>
			<h2>ТОНАЛЬНОСТЬ</h2>
		</div>

						<div class="link_group">
							<div class="link_group_block"><a class="show_popup_period" rel="period" href="#"><span style="border-bottom: 1px dashed #595a5d; margin-left: 30px;">ПЕРИОД</span></a></div>
							<div class="link_group_block"><a class="show_popup_objects" rel="objects" href="#"><span style="border-bottom: 1px dashed #595a5d; margin-left: 30px;">ОБЪЕКТЫ</span></a></div>
							<div class="link_group_block"><a class="show_popup_sources" rel="sources" href="#"><span style="border-bottom: 1px dashed #595a5d; margin-left: 30px;">ИСТОЧНИКИ</span></a></div>
							<div class="link_group_block"><a class="show_popup_authors" rel="authors" href="#"><span style="border-bottom: 1px dashed #595a5d; margin-left: 30px;">АВТОРЫ</span></a></div>
							<div class="link_group_block"><a class="show_popup_leaders" rel="leaders" href="#"><span style="border-bottom: 1px dashed #595a5d; margin-left: 30px;">ЛИДЕРЫ</span></a></div>
							<div class="link_group_block"><a class="show_popup_tonality" rel="tonality" href="#"><span style="border-bottom: 1px dashed #595a5d; margin-left: 30px;">ТОНАЛЬНОСТЬ</span></a></div>
						</div>

<script>
		$(function() {
		var $but = $(".link_group_block a"),
			$blocks = $(".popup");
			$but.each(function(i, elem) {
		var $el = $(elem);
 			$el.click(function() {
				$but.not($el).removeClass("active");
				$el.toggleClass("active");
				$blocks.each(function(j, el) {
			$(el)["fade" + (i == j ? "Toggle" : "Out")]();
				});
			})
		});
		$('html, .close').click(function (event) {
			if ($(event.target).closest('.link_group, .popup' ).size() && !$(event.target).is('.close')) return;
			$but.filter('.active').click()
			});
		});
	</script>

.link_group_block {
	}

	.link_group {
	display: block;
	font-family: Scada, sans-serif;
	font-size: 16pt;
	color: #6f7074;
	}

	.link_group a {
	display: inline-block;
	width:100%;
	padding-top: 15px;
	padding-bottom: 15px;
	}

	.link_group a:hover, .link_group a:focus, .link_group a:active {
	width:100%;
	background: #595a5d;
	color: #cbcdd3;
	padding-top: 15px;
	padding-bottom: 15px;
	}