Mudar de Hover para Click

[Marcello Ruoppolo 4]

E ai galera td certo??

 

Bom eu não sei absolutamente nada de javascript e to precisando adaptar uma função simples, seria o seguinte, eu to fazendo um site responsivo ja consegui fazer toda a parte responsiva porém o menu para dispositivos mobile eu não consigo fazer o dropdown aparecer quando é clicado ele só aparece no hover por causa q eu usei a mesma função q usei pra fazer o dropdown normal, alguém consegue me ajudar a modificar isso ai pra hover??

<script type="text/javascript">
	$(document).ready(
		function(){
			$("#menu_mobile li").hover(
				function(){
					$(this).children("a").addClass("ativo");
					$(this).children("ul").fadeIn();
				}, function(){
					$(this).children("a").removeClass("ativo");
					$(this).children("ul").fadeOut();
				}
			);
		}
	);
	</script>

eu acredito que esta linha aqui:

 

$("#menu_mobile li").hover(

 

deveria ser:

 

$("#menu_mobile li").click(

 

mas isso não funciona :/

 

Ele deveria funcionar assim, quando clica a primeira vez ele abre e quando clica a segunda ele fecha

 

Valew Galera ;)

[paulojuchem 20]

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

            $("#menu_mobile li").click(function(){
                    if(!clicked)
                    {
                        $(this).children("a").addClass("ativo");
                        $(this).children("ul").fadeIn();
                        clicked = true;
                    }
                    else
                    {
                         $(this).children("a").removeClass("ativo");
                         $(this).children("ul").fadeOut();
                         clicked = false;
                    }
             });
        });
    </script>

tenta assim

[Marcello Ruoppolo 4]

Valew brother era exatamente o que eu estava procurando.

 

Abraço ;)