Avatar billede Morten Professor
30. april 2017 - 20:38 Der er 1 kommentar og
1 løsning

toggleClass click li

Hej Eksperter

Jeg sidder lige og roder lidt med toggleClass
Jeg er igang med at lave en "menu" det er for at blive bedre til at bruge det i flere områder, hvis det kan lade sig gøre, at lave det på den måde jeg tænker på.

Det jeg gerne vil have den til er, at åbne hver enkelt ul op med li'er Hvordan skal jeg for klare det.
Her er koden
https://fiddle.jshell.net/quu923wr/

Det den gør lige nu er at den åbner begge menuer på en gang i stedet for den jeg trykker på.
f.eks. Trykker jeg på test skule der gerne bare komme nogen li under der.
og når jeg så trykker på Test5 kommer der li under der.
Den skal helst ikke åbne dem begge på en gang.

Kan man skille det ad? Så den ikke åbner dem begge på en gang.

Med venlig hilsen
Morten
Avatar billede olsensweb.dk Ekspert
30. april 2017 - 21:13 #1
this er løsningen på dit problem, prøv at se hvad den er i din console.log, så er det nemt at regne ud hvad der skal stå


var toggle_over = {ready: function () {
    $('li').click(function () {
        //$('#toggle_over').find('ul').toggleClass('show');
        console.log(this); // test
        $(this).find('ul').toggleClass('show');
       
    })
}}
$(document).ready(toggle_over.ready);
Avatar billede Morten Professor
30. april 2017 - 21:57 #2
Det var lige det der manglede :o)
var toggle_over =
{
    ready:function()
    {
        $('li').click(function(){
            $(this).find('ul').toggleClass('show');
        }
    )}
}
$(document).ready(toggle_over.ready);

Tak for hjælpen :o)

Med venlig hilsen
Morten
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester