[Resolvido] Jquery Slide

[marcelo2605 10]

Criei um função para abrir determinado menu quando o usuário apertar um botão e, se ele clicar em outro botão, o menu aberto deve ser fechado antes de abrir o novo menu. Também há a possibilidade de slideToogle

 

HTML:

 

<li><a href="#" class="btn1" title="drop_menu">1</a></li>

 

Existem 4 botões como esse, com diferentes classes e titles

 

Os menus

 

<div id="drop_menu" class="drop"></div>

 

Nesse caso, o que varia é o id

 

JQUERY:

 

var $botoes = $('.btn1, .btn2, .btn3, .btn4');

$botoes.click(function () {
	var $nome = $(this).attr('title'); 
	var $menu = ("#"+$nome); 

	if ($($menu).is(":visible")){ 
		$($menu).slideUp('medium'); 
	} else {
	$('.drop').not($menu).slideUp('medium' , function(){ 
		$($menu).slideDown('medium') 
		});
	};


   });

 

Funcionou com dois botões, mas quando acrescentei os outros. O SlideDown não esperava mais o SlideUp ser concluído.

 

Resolvido com .promise().done()