Tab navigatie

Haal de index van de geklikte link op.
Gebruik hiervoor de jQuery methode index().
Geef de geklikte link de class active.
Toon bij opstart enkel het eerste child element (article-tag) binnen #tabs.
Let op: de pagina bevat ook article-tags die dieper genesteld zijn (descendant elementen)!
Link X verbergt de zichtbare article-tag en toont article-tag X.
Versie 1: gebruik show/hide.
Versie 2: gebruik slideUp/SlideDown
Versie 3: gebruik slideUp/SlideDown enkel indien de article-tag niet zichtbaar is.
(Klikt u bijvoorbeeld 2x op de link Lelie, dan loopt het effect maar eenmaal.)
Gebruik hiervoor de jQuery methode is()

Anjer
Lelie
Narcis
Roos

Anjer

article binnen article :Duis aute irure dolor mollit anim id est laborum. Eu fugiat nulla pariatur. Ut aliquip ex ea commodo consequat.

Lelie

Ut aliquip ex ea commodo consequat. Quis nostrud exercitation velit esse cillum dolore duis aute irure dolor. Excepteur sint occaecat eu fugiat nulla pariatur. Ut enim ad minim veniam, in reprehenderit in voluptate sunt in culpa.

Ullamco laboris nisi quis nostrud exercitation ut labore et dolore magna aliqua. Velit esse cillum dolore sed do eiusmod tempor incididunt in reprehenderit in voluptate. Ullamco laboris nisi mollit anim id est laborum.

Lorem ipsum dolor sit amet, ullamco laboris nisi consectetur adipisicing elit. Sed do eiusmod tempor incididunt quis nostrud exercitation ut labore et dolore magna aliqua. Velit esse cillum dolore cupidatat non proident, qui officia deserunt.Duis aute irure dolor mollit anim id est laborum. Eu fugiat nulla pariatur. Ut aliquip ex ea commodo consequat.

Narcis

Ut aliquip ex ea commodo consequat. Qui officia deserunt sunt in culpa in reprehenderit in voluptate. Duis aute irure dolor sed do eiusmod tempor incididunt ut enim ad minim veniam. Quis nostrud exercitation cupidatat non proident, sunt in culpa.

Roos

Sed do eiusmod tempor incididunt ut enim ad minim veniam, ut aliquip ex ea commodo consequat. Sunt in culpa consectetur adipisicing elit, excepteur sint occaecat. Eu fugiat nulla pariatur.

Duis aute irure dolor in reprehenderit in voluptate quis nostrud exercitation. Qui officia deserunt ut enim ad minim veniam, velit esse cillum dolore. Sunt in culpa ut labore et dolore magna aliqua. Cupidatat non proident, mollit anim id est laborum. Quis nostrud exercitation eu fugiat nulla pariatur.

Ut labore et dolore magna aliqua. Duis aute irure dolor ut enim ad minim veniam, velit esse cillum dolore. In reprehenderit in voluptate eu fugiat nulla pariatur. Mollit anim id est laborum.