Ir para conteúdo

Arquivado

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

William Bruno

[Resolvido] Menu Accordion aberto após link

Por , em Javascript

Recommended Posts

William Bruno    1501

William Bruno
Postado

sou péssimo para explicar.. então segue o código:

<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("a[href='"+get_page()+"']").parent('li').parent('ul').addClass('atual');
	
	$(".menu ul").not('.atual').hide();	
	$(".menu a").click(function( e ){
		//e.preventDefault();
		var ul = $( this ).next('ul');
		$(".menu ul").not( $( ul ) ).slideUp();
		$( ul ).toggle('slow');
	});
});
function get_page()
{
	var url = window.location.href;
	var qnts = url.split('/').length;
	var pices =  url.split('/');
	return pices[qnts-1];	
}
</script>
</head>
<body>
	<ul class="menu">
		<li><a href="#">item 1</a></li>
		<li><a href="#">item 2</a></li>
		<li><a href="#">item 3 com submenu</a>
			<ul>
				<li><a href="item3-subitem1.html">subitem 1</a></li>
				<li><a href="item3-subitem2.html">subitem 2</a></li>
			</ul>
		</li>
		<li><a href="#">item 4 com submenu</a>
			<ul>
				<li><a href="item4-subitem1.html">subitem 1</a></li>
				<li><a href="item4-subitem2.html">subitem 2</a></li>
				<li><a href="item4-subitem3.html">subitem 3</a></li>
				<li><a href="item4-subitem4.html">subitem 4</a></li>
			</ul>           
		</li>
		<li><a href="#">item 5 com submenu</a>
			<ul>
				<li><a href="#">subitem 1</a></li>
				<li><a href="#">subitem 2</a></li>
				<li><a href="#">subitem 3</a></li>
			</ul>           
		</li>
	</ul><!-- /menu -->
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito