Dit artikel zal u laten zien hoe u de jQUERY show en hide-functie gebruikt om het pagina-element te tonen en te verbergen nadat een gebruiker op een knop op uw webpagina heeft geklikt.

Stappen

  1. 1 Maak een nieuw html-bestand en plaats deze regel met code in de html head-tags
    om het jQUERY-bestand op onze webpagina op te nemen, zodat we twee van de volgende functies kunnen gebruiken:     verbergen en later laten zien.
  2. 2 Ook binnen de head-tags van hetzelfde html-bestand, neem deze regel met jQUERY-code op
    om het pagina-element te verbergen met id = tog voor een duur van 2000 milliseconden en vervolgens de callback-functie 'show' te bellen om dat pagina-element opnieuw te tonen.
  3. 3 Voeg dan ook deze callback-functie 'show' toe binnen de head-tags van hetzelfde html-bestand
    om het pagina-element voor de duur van 2000 milliseconden te tonen en vervolgens de callback-functie 'hide' te bellen om dat pagina-element weer te verbergen.
  4. 4 Nu zal het show- en hide-proces voor altijd doorgaan nadat je op een knop op je webpagina hebt geklikt om het hide-proces te starten.
  5. 5 Eindelijk, binnen de lichaamstags van hetzelfde html-bestand, maak je de p-tag met id = tog plus de knop gebruikt om het verbergproces te initiëren.
  6. 6 Dit zou het moeten doen, nu nadat je al die code in je html-bestand hebt opgenomen. Sla het bestand op en voer die webpagina uit met uw webbrowser om het resultaat te zien.