Accordion menu muis klick

[pasmaskas]

Beste Helpmij leden,

Ik heb hier http://testingwebsite.nl/accordion.html een accordion menutje. zo als je ziet als je met de muis over een Header gaat klapt er een submenu uit en als je hem verlaat klapt hij weer in.

Nu is mijn vraag: Hoe krijg ik het voor elkaar om het inplaats van met een mouseover een mouseclick dat het submenu open en weer sluit? IK heb al in het Java script de "hover" vervangen door "click" maar dat werkte niet en ik heb ook al allerlei scriptjes geprobeerd maar het werkt niet of doet niet wat ik wil.

Wie kan mij helpen?

Het scriptje nu ziet er als volgt uit:

$(document).ready(function () {    
    $('.accordion-menu li').hover(
        function () {
            $('ul', this).stop(true, true).delay(200).slideDown(200);
        },
        function () {
            $('ul', this).stop(true, true).slideUp(200);            
        });
		
});

Gr Pascal

 

[fonville]

hover in click veranderen

 

[pasmaskas]

hover in click veranderen

geprobeerd werkt niet.

 

[fonville]

<script>

$(document).ready(function () {
$('.accordion-menu li').click(
function () {
$('ul', this).stop(true, true).delay(200).slideDown(200);
});

});

</script>



bij mij werkt dit

 

[pasmaskas]

<script>

$(document).ready(function () {
$('.accordion-menu li').click(
function () {
$('ul', this).stop(true, true).delay(200).slideDown(200);
});

});

</script>



bij mij werkt dit

Thx fonville!

Alleen ze gaan niet dicht als je er op klikt

IS hier nog iets voor?

 

[fonville]

als je er een link achter zet gaat hij dicht

 

[pasmaskas]

Owja ik zie het. Alleen ik had liever gehad dat hij ook dicht klapt als ik er op druk. Stel dat mensen toch het andere sub menu moeten hebben dan blijft hel allemaal open staan. Het moet net zo werken als op http://dordrechtlions.nl daar klapt de ene ook dicht als je een andere opent. Hoe krijg ik dat voor elkaar met een script?

 

[pasmaskas]

Gevonden!

$(document).ready(function () {
	$('.accordion-menu li').click(
		function () {
			$('ul', this).stop(true, true).delay(200).slideDown(200);
			$(this).find('ul').stop(true, true).slideToggle(400);
    return false;
	});

});

Nu als ik klik gaat hij open en weer klik dicht. Allen hoe krijg ik het voor elkaar als ik de ene open staat en ik druk op een andere de andere automatisch sluit?

 

[pasmaskas]

Ook al gevonden!

function initMenu() {
$('.accordion-menu li ul').hide();
$('.accordion-menu li a').on('click', function() {
$('.accordion-menu li ul').slideUp();
$(this).next().slideDown();
});
}
$(document).ready(initMenu);

Werkt perfect

 

[fonville]

mooi om te horen dat het is gelukt