Avatar billede tobrukDk Novice
08. januar 2012 - 00:10 Der er 7 kommentarer og
2 løsninger

problemer med jQuery - slideToggle

hej


jeg har fået hjælp fra en hjemmeside hvor jeg skal lave sådan her et;



<script type="text/javascript">
$("#knap").click(function() {
    $("#boxmail").slideToggle();
});
</script>


min html ser sådan her ud ;


<li id="face"><input type="text" name="facebook" placeholder="Facebook Link"><input type="button" value="læse mere" id="facebox"></li>
        <div id="boxface">
        <!--her skal der blevet skrevet et eller andet-->
        </div>
        <li id="dj"><input type="text" name="djnavn" placeholder="Dj navn"><input type="button" value="læse mere" id="djbox"></li>
        <div id="boxj">
        <!--her skal der blevet skrevet et eller andet-->
        </div>
        <li id="verden"><input type="text" name="land" placeholder="Land"></li>
        <li id="email"><input type="text" name="email" placeholder="E-mail"><input type="button" value="læse mere" id="knap">
        <div id="boxmail">
        <!--her skal der blevet skrevet et eller andet-->
        </div></li>



er der nogle som kan hjælp mig med hvad mit problem kan være.. jeg har fået kigge efter i jQuery omkring det her.. jeg kan ikke det store inde for det..

Håber jeg høre dig.. :)
Avatar billede keysersoze Ekspert
08. januar 2012 - 00:21 #1
Det må helt klart være en fejl i linje 27.
Avatar billede tobrukDk Novice
08. januar 2012 - 00:23 #2
linje 27 ? hvor henne?
Avatar billede keysersoze Ekspert
08. januar 2012 - 00:24 #3
du fortæller ikke hvad problemet eller hvilken fejl der vises er så jeg gætter efter bedste evne.
Avatar billede tobrukDk Novice
08. januar 2012 - 00:27 #4
Sorry fik skrevet det lidt for hurtig det er sådan at når man f.eks klik på

<input type="button" value="læse mere" id="facebox">

så skal

<div id="boxface">
          <!--her skal der blevet skrevet et eller andet-->
          </div>

komme frem når man har klik på den. jeg skal bruge den function 3 gange. :)

skriver lige hvis du vil vide mere?
Avatar billede DeeDawg Nybegynder
08. januar 2012 - 01:02 #5
For at få dette til at virke,

<script type="text/javascript">
    $("#knap").click(function() {
        $("#boxmail").slideToggle();
    });
</script>

er du nødt til at sørge for, at siden er klar til at blive animeret, hvilket du kan gøre på 2 måder.

<script type="text/javascript">
    $(document).ready(function(){
        $("#knap").click(function(){
            $("#boxmail").slideToggle();
        });
    });
</script>

eller

<script type="text/javascript">
    $(function(){
        $("#knap").click(function(){
            $("#boxmail").slideToggle();
        });
    });
</script>
Avatar billede keysersoze Ekspert
08. januar 2012 - 01:03 #6
Men får du en javascript-fejl eller hvad sker der/sker der ikke? Et par ting du i hvert fald bør kigge på er hvornår javascript-koden kører - ligger js før din html vil det fejle allerede dér fordi elementet jo ikke findes på det tidspunkt og det løser man i jquery med http://api.jquery.com/ready/ . Dernæst, skal du ramme 3 knapper skal du skrive flere selectorer og det gør du ved at separere med komma.
Avatar billede tobrukDk Novice
08. januar 2012 - 01:19 #7
keysersoze & DeeDawg i var begge god og i hjælp mig frem til det rigtigt svar! vil i have noget for det?
Avatar billede keysersoze Ekspert
08. januar 2012 - 10:08 #8
svar
Avatar billede DeeDawg Nybegynder
08. januar 2012 - 11:17 #9
Ved dog ikke lige, hvordan du har tænkt dig at dele dem op. :)
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
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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