Mérei Tamás webdesigner

Tutorial: jQuery – toggle használata

Szerző:   |   2011-02-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.

Mérei Tamás Webdesigner

Szerző

Mérei Tamás vagyok, webdesigner. Reszponzív weboldalak készítésével foglalkozom, grafikai tervezéstől a HTML + CSS kódolásig.

Ismerj meg! Nézd meg eddigi munkáimat! Lépj velem kapcsolatba!

21 hozzászólás

  1. Rake
    2014. november 19. szerda - 20:03

    Szia(sztok)!
    Ez a Toggle, ez csak A taggel működik?
    Mert próbáltam input submit-tal illetve Buttonnal.. de semmi..
    Folyton 1 lesz a click és sose jut el 5-ig.
    Választ előre is köszönöm

  2. c
    2014. szeptember 17. szerda - 14:52

    Helo!

    csak egy tipp. Ha “#”-et használsz, akkor előfordulhat – ahogy többen is írták -, hogy felugrik az oldal tetejére. Javaslatom: “javascript:;” – ezt használd! Tökéletes megoldás, soha nem fog felugrani az oldal tetejére.

    Kérdésem, meg lehet ezt oldani ma már css3-mal? Ha igen, hogyan? Köszi

  3. Gábor
    2012. június 7. csütörtök - 23:50

    Ha az oldalam alján használom a togglet, akkor felugrik a tetejére, ez ellen mit lehet tenni?

    • maximuse
      2012. július 10. kedd - 17:28

      Ezzel nekem is gondom van, hogy lehet rajta változtatni???

    • Gábor
      2012. október 12. péntek - 13:53

      link helyett buttont használj

  4. 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?

  5. Takasi98
    2011. február 16. szerda - 18:21

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

  6. 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?…

    • cyrex
      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.

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

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

  7. 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.

    • cyrex
      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.

    • SPiLeR
      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 😀

    • cyrex
      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>

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

      köszi:D

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

    tetszik ez a jQuery tök érdekes meg látványos 😀 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?

    • cyrex
      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 🙂

  9. 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).

    • cyrex
      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

Legújabb hozzászólások