Összes Photoshop HTML, CSS PHP Flash Egyéb
Home > Tutorial > HTML, CSS > Tutorial: jQuery – toggle használata

Tutorial: jQuery – toggle használata

2011. február 10.

A toggle lehetővé teszi egy elem eltüntetését illetve megjelenítését kattintástól függően. Itt is a click eseménnyel startolunk, majd első kattintásra előhozzuk a tartalmat, másodikra eltüntetjük.

16 hozzászólás

  1. PePe
    2011. február 20. vasárnap - 23:38

    ÜDV újra! halli Cyrex azt hogyan lehet megírni, hogy a szöveg milyen irányból jelenjen meg majd tünjön el?

  2. 2011. február 16. szerda - 18:21

    Nem csinálnál olyan videó tutorialt mint a css+html csak jQuery?? mert engem érdekelne :D

  3. PePe
    2011. február 10. csütörtök - 22:09

    ÜDV! Jó ez a videó is mint mindegyik, esetleg szerintem volna még igény olyasmi videóra, hogy hogyan kell megírni sütiket, tehat hogy megjegyezze ha valamire rákattintunk vagy még esetleg olyan dologra gondoltam, mint a W3SCHOOLS-on, hogy online lehet beirni webkodot es jobb felén megmutatja az eredményt, További sok sikert :)

    • PePe
      2011. február 10. csütörtök - 22:21

      Még egy dolog nagyon érdekelne, amit már több oldalon is észrevettem és szeretném megtanulni, amit csináltál oldalt Diana Vadász-Felnőttképző Szakközépiskolának, a kollégium menünpontban levő képek-et hogy kell megcsinálni, hogy így jelenítse meg?…

    • 2011. február 11. péntek - 09:10

      Az egy sima JS plugin, Lightbox a neve, innen tudod letölteni, és a használata is le van írva: http://www.huddletogether.com/projects/lightbox2/
      Ez a verzió prototype-ot használ, ha jQuery-s megoldást keresel, itt egy tonna:
      http://opendir.hu/?freedom=/tartalom/jquery/jquery_es_a_lightbox_klonok_tamadasa

      Én egyébként mostanában a ShadowBox-ot használom, mert van hozzá prototype meg jQuery támogatás is, illetve szerintem ennek van a legnagyobb tudása.

    • 2011. március 22. kedd - 19:38

      Az lenne nekem a kérdésem hogy hogyan lehet ugyan így csak YouTube os videóval ??

  4. bandika
    2011. február 10. csütörtök - 18:12

    Ezeket a jQuery scripteket nem lehet egy külső fájlba tenni? SEO szempontokat figyelembe véve.

    • 2011. február 10. csütörtök - 19:52

      De lehet, sőt kell is, hogy, ha sok js kód van. Érdemes funkciók szerint külön fájlokba pakolni. Öt sor kód miatt azonban fölösleges, és a videóban is zavaró lenne, ha 3 fájl között ugrálnék. A SEO-nak egyébként ehhez semmi köze.

    • 2011. február 11. péntek - 13:48

      ú és azt hogykell? hogy külön fájlból húzzá át mert nekem sztem hamarosan kelleni fog :D

    • 2011. február 12. szombat - 20:54

      Átpakolod az egészet egy üres fájlba és elmented akarmi.js néven. Aztán ugyanúgy, mint a CSS fájlokat be kell húzni az oldalba:
      <script type=”text/javascript” src=”akarmi.js”></script>

    • 2011. február 12. szombat - 21:49

      köszi:D

  5. 2011. február 10. csütörtök - 17:58

    tetszik ez a jQuery tök érdekes meg látványos :D de azt hogy csak 5ször kattinthat azt mire lehet felhasználni tehát mien szituációban jó ez nekünk hogy ő nem tud többet katintani?

    • 2011. február 10. csütörtök - 19:53

      Gyakorlati haszna nincs, de épp nem jutott eszembe más amikor a videót készítettem :)

  6. bandika
    2011. február 10. csütörtök - 16:00

    Köszönjük az újabb csemegét. Ajánlj kérlek egy jQuery metodusokat leíró oldalt, ha lehet magyarul.
    (nem kotekedni akarok) A slow az 600 ezredmásodperc és a fast 200 ezredmásodperc (4:02 körül).

    • 2011. február 10. csütörtök - 16:05

      Hopsz, tényleg fordítva mondtam :) Nem tudom, hogy van e magyar dokumentáció, anno nekiállt valaki, de aztán nem bővült tovább az oldal: http://jquery.tutorialok.hu

    • dmc
      2011. március 6. vasárnap - 21:02

      Nem tudom hogy még aktuális e a kérdés az oldallal kapcsolatba de itt van egy oldal:
      http://www.jquery-plugins.hu/

Hozzászólás