Menu Drop-Down

[Blod 0]

Olá pessoal, vejo que meu outro tópico não está sendo dada atenção então criei este

 

Eu quero fazer um menu Drop-down que somente apareça quando for clicado e nao quando passar o mouse, exemplo:

 

 

Porém, quando eu coloco isso no javascript, ao clicar em um ele abre todos os submenus.

 

<script>

 $('ul li').click(function(){
    $('ul li ul').css('display', 'block');
 });

</script>

 

E também estou tendo problemas com o efeito onblur para que saia a seleção, vocês podem me ajudar ou me indicar algo ?

[Kakashi_Hatake 267]

Seu problema não é PHP, vou mover seu tópico para o fórum correto.

 

PHP :seta: Javascript / DHTML

[William Bruno 1501]

estude sobre o objeto, this.. assim como informei lá no outro

 

 

$( this ).find('ul').css('display', 'block');

 

http://wbruno.com.br/blog/2011/06/21/afinal-e-javascript/

[Blod 0]

Entendo, este problema já foi resolvido, porém agora estou com o problema do blur, ao usuario clicar em qualquer outra parte do site ou ate mesmo no menu, o ul deve ter o seu displey alterado para none

 

Pode ver o exemplo doque está acontecendo em:

http://myhabbo.com.br/social/index.php

 

Clique em todos os menus e veja...

[William Bruno 1501]

para isso cara, não é blur, mas click também.

 

ou seja, se clicar no body você fecha, entendeu?

 

dispare um click no elemento body, q feche.

 

 

 

e ao mesmo tempo, veja sobre stopPropagation(), você vai precisar disso no click do LI

[Blod 0]

Cara, tem como você me dar um exemplo man, estou meio que não entendendo mais nada...

[William Bruno 1501]

odeio dar exemplos !

 

na minha opinião, eles apenas te atrapalham!

http://wbruno.com.br/blog/2011/08/25/nao-busque-exemplos-esqueca-os-tutoriais/

 

 

<script type="text/javascript">
$(document).ready(function(){

   $('ul li').click(function( e ){
       e.stopPropagation();
       $( this ).find('ul').css('display', 'block');
   });
   $('body').click(function(){
       $('ul li ul').css('display', 'none');
   });

});
</script>

[Blod 0]

Então cara, isso não funciona você pode ver em prática: http://myhabbo.com.br/social/

[William Bruno 1501]

veja funcionando, exatamente como eu disse:

http://wbruno.com.br/blog/2011/10/26/menu-dropdown-abrindo-click-fechando-ao-clicar-fora/