[Resolvido] Border-bottom none

[allex_carvalho 124]

Bom dia...

 

Estou precisando alterar a borda de uma div ao clicar em um botão. Ao clicar uma vez a borda some e no próximo clique ela reaparece. Estou com a função abaixo:

 

$("#abreFecha").click(function () {
	$("#menuTopo").toggle("slow");
	var bordainferior = $("#bordaMenu");
	var borda = bordainferior.css('borderBottom')=='3px solid #7B7068' ? "none" : "3px solid #7B7068";
	bordainferior.css({
		'borderBottom': borda
	}, 'slow');
	var botao = $("#abreFecha");
	var new_top = botao.css('top')=='0px' ? "-28px" : "0px";
	botao.animate({
       	'top': new_top
   }, 'slow');
});

 

A única coisa que não funciona é a borda. Se der um alert na variavel borda ele só retorna 3px solid #7B7068.

 

Obrigado pela atenção.

[William Bruno 1501]

.tal { border-bottom: 3px solid #7B7068; }

 

e ai:

$("#bordaMenu").toggleClass('tal');

[allex_carvalho 124]

Valeu pela dica Bruno :D

 

Problema resolvido