Opdracht 1) Starten met JQuery
- Bekijk eerst deze twee filmpjes:
- A) Functies
- B) Event functies
- Maak vervolgens de oefeningen die in de onderstaande CodePen staan. (klik op "edit on CodePen").
- A) Functies
- B) Event functies
- Maak vervolgens de oefeningen die in de onderstaande CodePen staan. (klik op "edit on CodePen").
Opdracht 2) Jquery in een eigen site gebruiken
- Download dit html bestand en open hem in je editor.
- Zorg er voor dat je jquery io die pagina kunt gebruiken (zie dit filmpje).
- Zorg er voor dat wanneer je op de titel '.article_box_header_link' klikt, de tekst die in de div daar onder '.article_box_text' staat wordt weergegeven. Dit kan je doen daar die div ook nog de class 'open' te geven.
- Zorg er voor dat wanner je nog een keer op de titel klikt, de tekst weer verborgen wordt.
- Zorg er voor dat je jquery io die pagina kunt gebruiken (zie dit filmpje).
- Zorg er voor dat wanneer je op de titel '.article_box_header_link' klikt, de tekst die in de div daar onder '.article_box_text' staat wordt weergegeven. Dit kan je doen daar die div ook nog de class 'open' te geven.
