Скрытие скриптов. Нужна помощь!

[рони]

Lucard IV,
строка 11 где class popup

[рони]

Lucard IV,
да и кнопок 6 а блоков 5

[Lucard IV]

рони,
Да, скопировал ошибочно, разбирался, дело в том, что один из блоков лежит в

<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="popup_period period popup">
										<a class="close" href="#">Close</a>
											<h2>ПЕРИОД</h2>
											<form action="">
												<div class = "period_data">Дата начала</div>
												<input type="text" value="" onfocus="this.select();lcs(this)"
												onclick="event.cancelBubble=true;this.select();lcs(this)">
												<div class = "period_data">Дата окончания</div>
												<input type="text" value="" onfocus="this.select();lcs(this)"
												onclick="event.cancelBubble=true;this.select();lcs(this)">
											</form>
										<a href="#" class="button_save"/>СОХРАНИТЬ</a>
							</div>							
							
							<div class="link_group_block"><a href="#"><span style="border-bottom: 1px dashed #595a5d; margin-left: 30px;">ОБЪЕКТЫ</span></a></div>
							<div class="link_group_block"><a href="#"><span style="border-bottom: 1px dashed #595a5d; margin-left: 30px;">ИСТОЧНИКИ</span></a></div>
							<div class="link_group_block"><a href="#"><span style="border-bottom: 1px dashed #595a5d; margin-left: 30px;">АВТОРЫ</span></a></div>
							<div class="link_group_block"><a href="#"><span style="border-bottom: 1px dashed #595a5d; margin-left: 30px;">ЛИДЕРЫ МНЕНИЙ</span></a></div>
							<div class="link_group_block"><a href="#"><span style="border-bottom: 1px dashed #595a5d; margin-left: 30px;">ТОНАЛЬНОСТЬ</span></a></div>
							<div class="link_group_block_normal"><a href="#tobeginsearch"><span style="color: #e58627; margin-left: 30px;">НАЧАТЬ ПОИСК</span></a></div>
							<div class="link_group_block_normal"><a href="#comments"><span style="border-bottom: 1px dashed #595a5d; margin-left: 30px;">КОММЕНТАРИИ</span></a></div>
							<div class="link_group_block"><a href="#"><span style="border-bottom: 1px dashed #595a5d; margin-left: 30px;">ДАЙДЖЕСТ</span></a></div>
						</div>

В другом блоке, поэтому по приоритету он последний, а в меню он первый, как быть, чтобы они не съезжали?

[Lucard IV]

рони,
popup_period
В меню стоит первым, открывается внутри меню, а в итоге открывается по нажатию последней кнопки.
А за скрипт и помощь огромное спасибо, вы меня выручили!

[рони]

Lucard IV,
добавьте обратно атрибут rel, связь ссылок будет через него с блоками, а не по индексу

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

[Lucard IV]

рони,
Огромное спасибо! Все заработало как следует! Вы просто выручили меня!