Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

ambiente

Menu accordion com jquery

Recommended Posts

Estou tendo dificuldade com esse menu.

O menu ao clicar abre normal, só que se você clica de novo nesse mesmo menu, ele fecha e abre novamente em vez de só fechar.

 

Javascript:

$(function(){
	$('#accordion-container').each(function(){
		var $container = $(this);

		$container.children().children('a').bind('click',function(event){
			event.preventDefault();
			if ('undefined' != typeof $container.data('isOpen'))
				$container.data('isOpen').slideUp('fast');
			$container.data('isOpen',$(this).next().slideDown('fast'));
		}).next().children().bind('click',function(event){
			$container.each(function(){
				$(this).data('isOpen').slideUp('fast');
				$(this).removeData('isOpen')
				
			})
		})
	})
});

<ul id="accordion-container">
	<li>
		<a href="#">Menu1</a>

		<ul class="accordion-menu">
			<li><a href="#">Submenu 1</a></li>
		</ul>
	</li>
	<li>
		<a href="#">Menu2</a>
		<ul class="accordion-menu">
			<li><a href="#">Submenu2</a></li>
		</ul>

	</li>
</div>

Na onde eu devo mudar? Se precisarem d emais informações é só pedir.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Código 'complicado' hein?!

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#accordion-container").find('a').click( function( e ){
		e.preventDefault();
		if( $(this).next('ul').css('display')=='none' )
			$(this).next('ul').slideDown('fast');
		else
			$(this).next('ul').slideUp('fast');
	});
});
</script>
<style type="text/css">
#accordion-container li ul {
	display: none;
}
</style>
<ul id="accordion-container">
	<li><a href="#">Menu1</a>
		<ul>
			<li><a href="#">Submenu 1</a></li>
			<li><a href="#">Submenu 1</a></li>
			<li><a href="#">Submenu 1</a></li>
		</ul>
	</li>
	<li><a href="#">Menu2</a>
		<ul>
			<li><a href="#">Submenu2</a></li>
			<li><a href="#">Submenu2</a></li>
			<li><a href="#">Submenu2</a></li>
		</ul>
	</li>
</ul><!-- /accordion-container -->
:P

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.