Ir para conteúdo

POWERED BY:

Arquivado

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

Mostarda

[Resolvido] Ao clicar aparece menu deslizando

Por , em Javascript

Recommended Posts

Haz    3

Haz
Postado

A biblioteca pode ser jQuery.

Os métodos são slideDown() e slideUp(), ou, de forma mais simples: slideToggle().

 

Exemplo:

<a href="#" class="linkCities">ver mais cidades</a>
<div id="localizedZone">Cidades</div>

<script type="text/javascript">
$('a.linkCities').click(function(evt) {
 evt.preventDefault(); // Previne que a URL do link seja seguida
 $('#localizedZone').slideToggle();
});
</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Haz    3

Haz
Postado

Não tenho certeza, mas creio que algo assim funcione:

if ($('#localizedZone').css('display') == 'block') {
 alert('#localizedZone ativa');
}
else {
 alert('#localizedZone inativa');
}

Testa ai...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mostarda    0

Mostarda
Postado

puts veio pior q soh da ativa

n funfo ese codigo

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<script src="jquery.js" language="javascript" type="text/javascript"></script>

</head>

<body>
<a href="#" class="linkCities">ver mais cidades</a>
<a href="#" class="linkCities">ver mais cidades</a>
<div id="localizedZone" style="display: none">Cidades</div>



<script type="text/javascript">
$('a.linkCities').click(function(evt) {
 evt.preventDefault(); // Previne que a URL do link seja seguida
 $('#localizedZone').slideToggle();

 if( $('#localizedZone').css('display') == 'block' ) {
 	alert('#localizedZone ativa');
 }else {
alert('#localizedZone inativa');
 }

});
</script>


</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Haz    3

Haz
Postado

Então faz por meio de class:

 

$('a.linkCities').click(function(evt) {
 evt.preventDefault(); // Previne que a URL do link seja seguida
 $('#localizedZone').slideToggle().toggleClass('active');

 if( $('#localizedZone').hasClass('active') ) {
       alert('#localizedZone ativa');
 }else {
       alert('#localizedZone inativa');
 }

});

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mostarda    0

Mostarda
Postado

hum pow cara funciono legal :)

minha ultima duvida tem como fazer esse cara ficar um menu drop down

pq qunaod ele abre oq ta em baixo acabo sendo empurrado ele n fica por cima

existe essa possiblidade?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bruno Fumagally    0

Bruno Fumagally
Postado

A biblioteca pode ser jQuery.

Os métodos são slideDown() e slideUp(), ou, de forma mais simples: slideToggle().

 

Exemplo:

<a href="#" class="linkCities">ver mais cidades</a>
<div id="localizedZone">Cidades</div>

<script type="text/javascript">
$('a.linkCities').click(function(evt) {
 evt.preventDefault(); // Previne que a URL do link seja seguida
 $('#localizedZone').slideToggle();
});
</script>

 

 

Olá amigo, poderia me explicar como fazer para chamar a classe linkCities por javascript por exemplo? Pois preciso implantar isto só que em um SWF, e botoes no flash não tem como eu colocar o class="linkCities"

 

Agradeço desde já...

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