[Resolvido] Botao abrir div, e fechar qdo clica em qualquer outra

[Hugo Cesar 0]

Olá, uso muito o forum de vocês, muito bom esse topico de javascript.. me salvou varias vezes.

mas nunca postei nada..

 

agora estou com um problema...

 

tenho um codigo com jquery que eu clico em um link, ele abre uma div atravez do Show.

e quando eu clico nesse mesmo link, ou em qualquer outra parte do Body, essa div que abiu desse hide...

 

o grande problema, é que quando eu clico no link, ele abre e fecha a div.. seguidamente.. haha

esse é o código:

$(document).ready(function(){
$(".ativador").click(function () {
$(".aparecer").show(300);
$('*').click(function(){
   $('.aparecer').hide(300);
});
});
});

[William Bruno 1501]

hehe, você está sendo 'muito guloso' (linguagem de ER), o *, tá pegando tudo, mas tudo mesmo, inclusive a o .ativador.

 

tente ser menos guloso.

Outra coisa que pode te ajudar, é o event.target com o retorno desse objeto, você verá onde foi clicado.

[Hugo Cesar 0]

Então, eu queria que assim.. ao clicar no .ativador ele abrisse.

e depois disso. ao clicar em qualquer outra coisa.. mesmo no .ativador ele fechasse.

 

dai eu teria que usar if né?

tipo.. if clicasse no .ativador.. abrisse a div e também abrisse a função de fechar

 

tem como me ajudar nisso William?

[Andrey Knupp Vital 136]

bota um dblclick pra fechar ...

ficaria legal tbm ...

 

$(".ativador").dblclick(function(){
  $('.aparecer').hide(300);
});

 

No Caso

 

1 Clique Abriria ,

 

2 Cliques Fecharia .. ;)

[Hugo Cesar 0]

orra veio pode crer. mas eu ainda vo construi o if e else aqui.. mas enquanto nao da vou usar o que voce me falou mano, show.

ai qdo eu terminar aqui.. eu mando pra verem como ficou..

eh que sou novo nessa parada... hahaha

[Andrey Knupp Vital 136]

Beleza . não testei não mais creio que if e else não vai rodar muito bem no click não

 

if = se

 

else = senão

 

se clicar faz tal ..

 

senão clicar faz tal ??

 

faz algum sentido ?

[Hugo Cesar 0]

entao, na verdade eu tava pensando no seguinte....

 

se a div estiver hidden.. eu clico e ele abre..

se ela estiver aberta.. eu clico e ela fecha...

 

sera que da?

 

tipo... seria mais ou menos assim... o problema é o código. que não manjo muito bem.

 

mas seria algo assim:

 

Le a propriedade css da Div.

se estiver display:hidden;

quando clicar no botao, ele da um slideDown

 

dai se estiver display:visible;

quando clicar em qualquer lugar do site (*), ele da um slideUp

 

nossa se der, vai ficar top

 

um exemplo seria o Login do twitter. ele abre. dai qdo você clicar em qualquer outro lugar. ele fecha

[Andrey Knupp Vital 136]

tem .. não sei se com jQuery da , mais com javascript ja vi varios ai , da uma pesquisada no google

[Hugo Cesar 0]

haha, não consigo de jeito nenhum !

 

nossa, era tão simples.. mas eu não sabia.. hahahaha

ta ae o codigoo... você aperta o botao ou link.. e ele abre.. dai se você apertar de novo.. o mesmo botao.. ele fecha

$(document).ready(function() {		
$(".aparecer").hide();
$(".ativador").bind("click",function(){
	$(".aparecer").slideToggle(300);
    return false;
});
});

[Andrey Knupp Vital 136]

legal , não sabia desse slideToggle , mesmo porque não consulto muito o manual do jQuery heheh

 

Vlws .! ^_^

 

Abraços