Ir para conteúdo

POWERED BY:

Arquivado

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

MaktubBruno

[Resolvido] Menu Sancfona

Por , em Javascript

Recommended Posts

MaktubBruno    0

MaktubBruno
Postado

Salve Galera!!!!

 

Bom, estou devenvolvendo uma página e usei "jquery-1.2.6.min.js", não usei para criar menu mais para mostrar um conteúdo.

 

O que gostaria é de poder ajustar o código para que quando clicasse no mesmo link o menu, feche, e não, feche e abra denovo (isso eu consegui), porém é que sempre que se clica em um link e depois em outro ele fecha o que está aberto mais não abre o que acabou de selecionar.

 

A página em questão é a seguinte: Stilo Car

 

Abração a todos e desde já muito obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

MaktubBruno    0

MaktubBruno
Postado

posta o cod..

Segue abaixo o código

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>::--:: Stilo-Car Automotivo - <?=$Titulo?> ::--::</title>
<link href="../lay_out/css/stylo.css" rel="stylesheet" type="text/css" />
<script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript" src="../Scripts/menu_java.js"></script>
<script>
	$(document).ready(function(){
		$('dd').hide(); //fechando todo mundo
		var s = 0; // Inicio variavel para controlar (Abrir e Fechar)

		$("dd:not(:first)").hide();
		$("dt a").click(function(){
			if (s == 0) { // Entrará direto pois iniciei a variavel com 0
				s = 1; // Recebe 1 para que no próximo clique entre na condição abaixo e feche o q estiver aberto
				$("dd:visible").slideUp("slow");
				$(this).parent().next().slideDown("slow");
				return false;						
			}	
			else if (s == 1) {
				s = 0;
				$("dd:visible").slideUp("hide");				
				return false;						
			}			
		});
	});	
</script>
<style type="text/css">
<!--
#menu_java {
text-align:justify;
width:465px; 
margin:0px;
}
#menu_java dt {
background:#DDDDDD; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px;
font-weight:bold;
margin:2px;
padding:5px; 
}
#menu_java dt a {
color:#333333; 
}
#menu_java dt a:hover {
color:#000000; 
text-decoration:overline underline;
}
#menu_java dd {
margin:2px;
padding:5px; 
background-color:#F3F3F3;
}
-->
</style>
</head>

<body>
	<div>
		<dl id="menu_java">
			<dt><a href="Texto 01">Texto 01</a></dt>
			<dd>Texto 01</dd>
		</dl>
		
		<dl id="menu_java">
			<dt><a href="Texto 01">Texto 02</a></dt>
			<dd>Texto 02</dd>
		</dl>
		
		<dl id="menu_java">
			<dt><a href="Texto 01">Texto 03</a></dt>
			<dd>Texto 03</dd>
		</dl>
		
		<dl id="menu_java">
			<dt><a href="Texto 01">Texto 04</a></dt>
			<dd>Texto 04</dd>
		</dl>
		
		<dl id="menu_java">
			<dt><a href="Texto 01">Texto 05</a></dt>
			<dd>Texto 05</dd>
		</dl>
	</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Otata    4

Otata
Postado 

$(document).ready(function(){

$('dd').hide(); //fechando todo mundo

var s = 0; // Inicio variavel para controlar (Abrir e Fechar)

$("dd:not(:first)").hide();

$("dt a").click(function(){

$("dd:visible").slideUp("slow");

if($(this).parent().next().css('display') =='none'){

$(this).parent().next().slideDown("slow");

}

return false;

 

});

});

Compartilhar este post

Link para o post
Compartilhar em outros sites

MaktubBruno    0

MaktubBruno
Postado 

$(document).ready(function(){
		$('dd').hide(); //fechando todo mundo
		var s = 0; // Inicio variavel para controlar (Abrir e Fechar)
		$("dd:not(:first)").hide();
		$("dt a").click(function(){
			 $("dd:visible").slideUp("slow");
			 if($(this).parent().next().css('display') =='none'){
				$(this).parent().next().slideDown("slow");
			 }
			 return false;
			 
		});
	});

 

Opa muito obrigado, funcionou exatamente da forma que eu queria.

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