Как выделить рамкой активную кнопку?

Question

[Вениамин Смирнов]

Всем привет!

Столкнулся с задачей. Есть три кнопки-блока, реализованные через тег "a", которые меняют основной большой блок с информацией через:

$(document).ready(function(){
	$('a.item1').click(function(){
			$("#item01").show();
			$("#item02").hide();
			$("#item03").hide();
			return false;
	});
});

Задача:
1. Изначально первый блок сделать активным и выделить его цветной рамкой.
2. При клике ВНЕ активного блока НЕ снимать выделение его рамкой.
3. При клике на другую кнопку-переключатель выделить новый активный блок рамкой, снять рамку с другого блока и не снимать рамку с нового блока при клике в другом месте сайта.

Надеюсь, объяснил понятно :) Буду благодарен за помощь!

Answer 1

[Константин Самсин]

добавить две строчки

$('a').removeClass('active');
$(this).addClass('active');

И написать стили рамки для класса .active

Comments

[Вениамин Смирнов]

Константин Самсин: спасибо огромное!