Forum » Client-Side scripting » Jquery Effect
Berichten: 243
avatar
Offline Stuur privebericht
Hey,

Ik ben nu druk bezig met mijn avatar project, k heb uiteindelijk mijn eigen site gesliced omdat de 1e slicer niet genoeg kennis, 2e kwam zijn afspraken niet na.

Maar nu stoot ik me tegen een probleem aan, nu ik mijn site wil opvullen met jQuery.

http://api.jquery.com/slideToggle/ dit effect wilt ik hebben.

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
<h1>Call credits</h1>
            <
p>
                <
ul>
                    <
li><a href="index.php?p=credits">- Callcredits bestellen</a></li>
                    <
li><a href="index.php?p=vip">- VIP account kopen</a></li>
                    <
li><a href="index.php?p=spendcredits">- Callcredits uitgeven</a></li>
                </
ul>
            </
p>


Daarop wil ik het hebben. Maar hoe moet ik dat doen ?

Mvg,
Frenzo
Laatst gewijzigd door Jannick op 2011-03-02 09:45:28
01-03-2011 20:10
Dit topic is 240 keer bekeken door 43 verschillende leden
Reacties op: "Jquery Effect"
1
Berichten: 849
avatar
Offline Stuur privébericht
Misschien eerst in een div?
01-03-2011 20:16
Berichten: 637
avatar
Offline Stuur privébericht
@Perry

Waarom? Dat doen ze in de demo toch ook niet .

@TS

Wat werkt er niet aan de code van je demo dan?
01-03-2011 22:22
Crime-ware dot nl
Berichten: 774
avatar
Offline Stuur privébericht
@bever.

als je het niet wil doen wat andere zeggen waarom vraag je dan hulp.
want volgens mij moet het inderdaad in divs.

zet anders het volledige script neer en niet alleen 8 regels van het menu.


01-03-2011 22:55
nyan nyan nyan nyan
Berichten: 2076
avatar
Offline Stuur privébericht
Wie zegt dat het in divs moet? Alleen maar omdat het in het voorbeeld staat, moet het in divs? Nee. Kijk maar naar de selector van het voorbeeld; daarin staat #clickme. # staat voor ID, . staat voor class. In het bovenstaande voorbeeld zou je deze lijst kunnen selecteren met ("ul", maar dat lijkt me niet handig omdat je het dan op ELKE lijst doet. Voeg daarom een ID toe (bijvoorbeeld ul id="menu", en selecteer 'm daarmee.

Frenzo, ik denk niet dat dit de goede functie ervoor is. Kan je niet beter tabs gebruiken, of wil je het onder elkaar zetten? Nu laad je namelijk nog niet de content in een bepaald venster, waarvan ik de indruk krijg dat dat toch de bedoeling is. Je kan er een function inzetten die dat doet, maar daar ben ik verder niet echt bekend mee
02-03-2011 01:05
Berichten: 849
avatar
Offline Stuur privébericht
Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
<h1>Call credits</h1
            <
p
                <
ul
                    <
li><a href="index.php?p=credits">- Callcredits bestellen</a></li
                    <
li><a href="index.php?p=vip">- VIP account kopen</a></li
                    <
li><a href="index.php?p=spendcredits">- Callcredits uitgeven</a></li
                </
ul
            </
p>

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
<script>
    $(
"button").click(function () {
      $(
"p").slideToggle("slow");
    });
</script>

Gebruik hem dan zo? Of wil je ook nog de <h1> weghalen?
02-03-2011 07:48
What else?
Berichten: 1180
avatar
Online Stuur privébericht
lijkt me beter dat je even een id meegeeft aan die p aangezien wanneer je nu op een button klikt ALLE <p> slideToggle doen
02-03-2011 08:39
Berichten: 243
avatar
Offline Stuur privébericht
Het is de bedoeling als je op Call Credits klikt dat dat menutje open gaat dan zeg maar.

Ik weet echt niet hoe jQuery werkt dit is de 1e x dat ik er zo mee werk..
02-03-2011 11:31
Reageer op: "Jquery Effect"
1
Je kan niet reageren omdat je niet bent ingelogd. Inloggen of Aanmelden