(opgelost) Accordion menu muis klick

Nederlandse ondersteuning voor CMS Made Simple

Moderator: velden

Post Reply
pasmaskas
Power Poster
Power Poster
Posts: 509
Joined: Tue Nov 29, 2011 10:42 am

(opgelost) Accordion menu muis klick

Post by pasmaskas »

Beste CMSMS leden,

Ik heb hier http://testingwebsite.nl/accordion.html een accordion menutje. zoals 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 opent en weer sluit? Ik heb al in het Javascript 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:

Code:

Code: Select all

$(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
Last edited by pasmaskas on Tue Dec 11, 2012 11:38 am, edited 1 time in total.
pasmaskas
Power Poster
Power Poster
Posts: 509
Joined: Tue Nov 29, 2011 10:42 am

Re: Accordion menu muis klick

Post by pasmaskas »

Gevonden!

Code: Select all

$(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
Power Poster
Power Poster
Posts: 509
Joined: Tue Nov 29, 2011 10:42 am

Re: Accordion menu muis klick

Post by pasmaskas »

Laat maar ook al gevonden:

Code: Select all

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);
Google is je beste vriend na 1234 uur

gr pascal
Post Reply

Return to “Dutch - Nederlands”