Avatar billede Morten Professor
17. april 2017 - 20:28 Der er 5 kommentarer og
1 løsning

$('a').toggle(

Hej Eksperter

Har et problem med at få det her til at virker, jeg har en boks der skal rykke frem og tilbage, med en toggle function "Tænd og sluk", men kan ikke få det til at virke.

Har en kode her.
CSS her:

div#redbox{
    position:absolute;
    left:100px;
    top:100px;
    width:100px;
    height:100px;
    background-color:red;
}
body#top div.redboxon{
    color:white;
    left:500px;
    display:block;
}

js her:

var demo =
{
    ready:function()
    {
        $("a").toggle
        (
            function($e)
            {
               
                $e.preventDefault();
                $('div#redbox').addClass('redboxon');
            },
            function($e)
            {
                $e.preventDefault();
                $('div#redbox').removeClass('redboxon');
            }
        );
    }
};
$(document).ready(demo.ready);

Lige nu forsvinder min "a" bare <a href="#">Tænd og sluk</a>

Er ved at prøve at lære den function.

Med venlig hilsen
Morten
Avatar billede jakobdo Ekspert
17. april 2017 - 20:50 #1
Må jeg ikke anbefale dig at lave en jsfiddle demo ?

https://jsfiddle.net/

Hvis du taster din kode og den gør som du beskriver, så er det meget nemmere for andre at fikse din kode og sende dig link retur.
Så kan du "nemt" se hvad fejlen har været / løsningen er.
Avatar billede Morten Professor
17. april 2017 - 21:21 #2
Hej jakobdo

Prøvede lige det du anbefalede mit link
https://jsfiddle.net/2cpoLzL4/

Den der html rubrik har jeg bare lige henvis til <script src="http://code.jquery.com/jquery.js"></script>

Ved ikke lige hvordan jeg får alt html indhold med da den siger den har det i forvejen.
Avatar billede jakobdo Ekspert
18. april 2017 - 08:23 #3
Avatar billede Morten Professor
18. april 2017 - 10:54 #4
toggleClass den havde jeg ikke set før. så det er sådan man kan bruge toggle.
Smart :o)
Tak for du ville vise mig det, den vil jeg gemme og arbejde med, på forskellige måder så jeg kan lære det og blive bedre.
Avatar billede jakobdo Ekspert
18. april 2017 - 14:17 #5
toggle i sin enkelte form, skifter "vis/skjul"
Derfor den drillede dig (og mig med) :)
Avatar billede Morten Professor
18. april 2017 - 14:38 #6
Tak for hjælpen :o) så kan jeg gå videre med det, havde tænkt mig at bruge til click menu på mobil vil prøver at bruge den function.
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