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.

Videó

Videó

21 hozzászólás

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

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

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

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

      link helyett buttont használj

  4. 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. 2011. február 16. szerda - 18:21

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

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

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

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

    • 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

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

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

    • 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

Keresés a blogon
Kategóriák
Legújabb hozzászólások
  • Bootstrap 4 setup

    Shift + Tab...

  • Bootstrap 4 setup

    Hali. Hogy csinálod azt a videókban, hogy egyszerre törölsz több sor tabulátorát is? Hogy kijelölsz egy részt és azok mögül mind törölsz tabulátort eg...

  • Dia szkennelés házilag

    Örülök, hogy segített az írás....

  • Dia szkennelés házilag

    Nagyon szépen köszönöm, hogy leírta próbálkozásait, mert engem is gondolkodásra késztetett. Több száz diaképem van, de én sem akartam kisebb vagyont k...

  • Adobe XD VS. Lunacy

    Ez egy lebutított vektorgrafikus rajzolóprogram, semmi több. Ha az alkalmazásod / weboldalad tartalmaz raszteres elemeket, azokat PS-ben kell külön le...

  • Adobe XD VS. Lunacy

    Szerintem (ez csak az én meglátásom) az XD inkább csak mobil alkalmazás fejlesztésére van. Nem igazán látom azokat a funkciókat benne amiket PS-ben. N...

  • Adobe XD VS. Lunacy

    A Photoshop sosem volt igazán weboldal tervező program. A Fireworks közelebb volt hozzá annak idején, de azt megszüntették. Más kérdés, hogy még mindi...

  • Adobe XD VS. Lunacy

    Meg a PS amúgy sem ingyenes, szóval az Xd egy jó alternatíva az ilyen esetekre....

  • Adobe XD VS. Lunacy

    Dehogynem. Csak most ez a divat, hogy kattintható prototípusokat hozzunk létre....

  • Adobe XD VS. Lunacy

    PS nem megfelelő?...

  • Adobe XD VS. Lunacy

    Az Xd vel fogom csinálni a weboldalak layoutját ezentúl....

  • Adobe XD VS. Lunacy

    A Lunacy-ban az "images, comments, messages" részt nem sikerűlt egyenlő távolságra alakítani :) Maradjunk az XD-nél :)...