Tabs systeem zo modulair mogelijk

Klein team zoekt grote fullstack .NET developer to

Bedrijfsomschrijving Deze werkgever is marktleider in de Benelux en is Europees ook al aardig aan de weg aan het timmeren. Ze voorzien technische winkels van apparatuur om producten een langer leven te geven. Hiermee reduceren ze flink wat CO2 uitstoot en dat is natuurlijk goed voor iedereen! IT speelt een belangrijke rol in de bedrijfsvoering en de applicaties zijn van goed niveau. Als fullstack .NET developer ga jij je bijdrage leveren aan het verder verbeteren van de applicaties en de interne processen. Ze zijn nu met ruim 50 medewerkers in totaal en de afdeling development bestaat uit een 5tal developers.

Bekijk vacature »

Junior Low-code ontwikkelaar gezocht omgeving Arnh

Bedrijfsomschrijving Wij zijn een dynamisch IT-bedrijf dat zich richt op het stroomlijnen van bedrijfsprocessen en het creÃ«ren van ondersteunende applicaties. Onze kracht ligt in het combineren van zakelijk inzicht met IT-expertise via gestroomlijnde procesontwerpen en wendbare applicatieontwikkeling met behulp van Low-code technologieÃ«n. Als jonge professional krijg je de kans om samen te werken met een team van 15 deskundige collega's, verspreid over nationale en internationale locaties. We bieden je een leerzame omgeving waar je je vaardigheden kunt ontwikkelen en groeien in je rol als Low-code ontwikkelaar. Word jij onze nieuwe Junior Low-code Ontwikkelaar (OutSystems)? Versterk ons team en draag bij

Bekijk vacature »

Top Low-Code Developer Gezocht!

Bedrijfsomschrijving Unieke Kansen, Uitstekende Arbeidsvoorwaarden & Inspirerend Team Wij zijn een toonaangevende, internationale organisatie die de toekomst van technologie vormgeeft door het creÃ«ren van innovatieve en baanbrekende oplossingen. Ons succes is gebaseerd op een hecht en gepassioneerd team van professionals die altijd streven naar het overtreffen van verwachtingen. Als jij deel wilt uitmaken van een dynamische, vooruitstrevende en inspirerende werkomgeving, dan is dit de perfecte kans voor jou! Functieomschrijving Als Low-Code Developer ben je een cruciaal onderdeel van ons team. Je werkt samen met collega's uit verschillende disciplines om geavanceerde applicaties te ontwikkelen en te optimaliseren met behulp van Low-code

Bekijk vacature »

Java developer Zorgsysteem

Dit ga je doen Werken aan het eigen gebouwde zorgsysteem; Verbeteringen maken en toepassen binnen de applicatie; Jij gaat werken aan de Back-end van de applicatie en sporadisch werk je mee aan de Front-end; Samenwerken met andere teams voor een optimaal resultaat; Jij kan 'clean' werken en high quality code schrijven; Jij werkt resultaatgericht. Hier ga je werken De organisatie houdt zich bezig met diverse applicaties met betrekking tot zorgregistratie. Dankzij hun systeem komt alle informatie, omtrent de zorg van een patiÃ«nt, op een overzichtelijke en toegankelijke manier samen in Ã©Ã©n systeem te staan. Op deze manier is deze informatie

Bekijk vacature »

Creatieve Front-end developer gezocht!

Functie Het front-end team bestaat momenteel uit 4 collegaâ€™s en is hard aan het groeien! Samen leveren jullie een essentiÃ«le bijdrage aan de applicaties die ze voor hun klanten realiseren. Je werkt in het front-end team samen met de back-end teams en product owners om te zorgen dat de applicaties een fijne gebruikerservaring opleveren. Jouw expertise zorgt ervoor dat de juiste keuzes gemaakt worden qua techniek en ontwerp, van back-end tot aan gebruiker. In samenspraak met je team bepalen jullie de beste keuze voor techniek. Ook is er altijd ruimte om nieuwe technieken te ontdekken. Eisen â€¢ Je hebt gedegen

Bekijk vacature »

Team Lead/ Lead developer gezocht (Hands-on, PHP,

Functie Als Team Lead ben je de leider van Ã©Ã©n van de ontwikkelteams binnen de organisatie. Je leidt als lead developer een goed draaiend team dat werkt aan complexe en duurzame applicaties en APIâ€™s. Vanuit je kennis en ervaring ben je in staat het grote plaatje te blijven overzien, en kritisch mee te denken over bijvoorbeeld de architectuur, maar ook de algehele aanpak binnen het project. Je laat je team niet alleen technisch goed functioneren maar ben ook betrokken bij het menselijke aspect. Zo weet jij je collegaâ€™s te motiveren en begeleiden in hun dagelijkse werk. Buiten het team ben

Bekijk vacature »

Informeel bureau zoekt Senior PHP developer

Functie Als senior PHP developer neem je het voortouw in ontwikkeltrajecten en ben je in staat werk uit te leggen aan collegaâ€™s om zo je kennis met hen te delen. Je deinst niet terug voor ingewikkelde projecten. Deze zie jij alleen maar als uit uitdaging. Je werkt doorlopend aan klantcases (en hierdoor je klant echt leert kennen), maar toch ben je afwisselend bezig. Dit alles in een vrije en ontspannen werksfeer, met een team van gelijkgestemde. Binnen de development teams werken ze met o.a. PHP, Laravel, React, Node, Elastic, Amazon AWS, JIRA, Solid, Domain-driven-design, Doctrine, Redis, docker, Kubernetes, CI, PHP

Bekijk vacature »

Ventilatiesysteem Productontwikkelaar HBO WO Verwa

Samengevat: Zij bieden flexibele ventilatiematerialen, geluidsdempers, rookgasafvoer producten en industrieslangen. Ben jij een technisch productontwikkelaar? Heb jij ervaring met het ontwikkelen van nieuwe producten? Vaste baan: Technisch Productontwikkelaar HBO WO â‚¬3.000 - â‚¬4.000 Zij bieden een variÃ«teit aan flexibele ventilatiematerialen, geluiddempers, rookgasafvoer producten, industrieslangen en ventilatieslangen voor de scheepsbouw. Met slimme en innovatieve materialen zorgen wij voor een gezonde en frisse leefomgeving. Deze werkgever is een organisatie die volop in ontwikkeling is met hardwerkende collega's. Dit geeft goede ontwikkelingsmogelijkheden. De branche van dit bedrijf is Techniek en Engineering. Functie: Voor de vacature als Technisch Productontwikkelaar Ede Gld HBO WO ga

Bekijk vacature »

Sportieve Junior C#.NET developer gezocht!

Bedrijfsomschrijving Wil jij werken aan webapplicaties bij de marktleider binnen de branche? Voor een klant in de buurt van Oosterhout ben ik op zoek naar een Fullstack .NET developer. Dit bedrijf bestaat bijna 10 jaar en is inmiddels uitgegroeid tot marktleider in Nederland en heeft tevens kantoren in meerdere landen in Europa. Dit bedrijf bouwt webapplicaties waarbij internationaal enkele honderdduizenden deelnemers, soms tegelijk, een beroep doen op de realtime data uit deze applicaties. Dit brengt erg veel technische uitdaging met zich mee. Ze ontwikkelen nieuwe applicaties maar ook bestaande applicaties worden uitgebreid en verbeterd. Hier kan jij een onderdeel van

Bekijk vacature »

.NET Developer gezocht!

Functie omschrijving Wij zijn op zoek naar een .NET Developer! Wil jij werken voor een internationaal bedrijf waar je legio mogelijkheden krijgt als Software Ontwikkelaar? Grijp nu je kans en kijk snel of jouw vaardigheden aansluiten bij onderstaand profiel! Je kunt een uitdagende rol gaan vervullen als .NET Developer binnen een internationaal bedrijf dat gevestigd is in omgeving Bergen. Dit bedrijf is zeer vooruitstrevend en verricht betekenisvol werk. Binnen dit bedrijf wordt gewerkt aan de productie en ontwikkeling van medische middelen. Als .NET Developer ga jij je bezig houden met het volgende: Je wordt betrokken bij alle fasen van software

Bekijk vacature »

Front-end developer gezocht

Functie Je komt in een team met ambitieuze developers die de passie voor Front-End met jou delen. Samen ga je aan de slag met leuke en leerzame opdrachten. Het team heeft een eigen budget en financiÃ«n en zij bepalen zelf hoe dat besteed en investeert wordt. Je gebruikt tools als JavaScript, Node.js, React, Angular, Typescript en Vue.js wanneer je werkt aan de opdrachten. Daarnaast zul je veel leren van je collegaâ€™s en gezamenlijk een leuke tijd doorbrengen tijdens activiteiten zoals wintersport, hackatons en conferentiebezoeken. Je krijgt niet alleen de mogelijkheid Front-End te ontwikkelen, maar ook vooral jezelf. Dit kan behaald

Bekijk vacature »

Laravel / PHP developer gezocht!

Functie omschrijving Wij zijn op zoek naar een Laravel PHP Developer voor een leuk bedrijf in de omgeving van Amsterdam! Je zult je bezig houden met de volgende werkzaamheden: Je gaat aan de hand van de wensen van klanten software ontwikkelen; Je bent bij het gehele proces betrokken; van A tot Z; Je hebt na de oplevering contact met de klant wanneer zij problemen ervaren; Je denkt mee over het verbeteren van de werkprocessen; Je denkt mee over softwareoplossingen; Je speelt in op de behoefte van de klant; Je houdt je bezig met het verbeteren, aanpassen en vernieuwen van de

Bekijk vacature »

Front end developer Zorgplatform

Functie Jij als Front end ontwikkelen zult komen te werken samen met 1 PHP ontwikkelaar, 1 Python developer en een flexibele schil aan ontwikkelaars . Samen ga je ervoor zorgen dat de huidige producten doorontwikkeld worden. De Marketplace is geschreven in PHP Laravel en in de front end React. De roostersoftware is ontwikkeld in Python in combinatie met React in de front end. Jij zult als Front ender dus voornamelijk bezig zijn met het verbeteren van onze interfaces op onze verschillende producten. Momenteel ligt de uitdaging in het feit dat de roostersoftware breder schaalbaar moet worden zodat het voor meerdere

Bekijk vacature »

Medior/senior Back-end developer gezocht!

Functie Vanwege de groei binnen het bedrijf zijn we op zoek naar versterking in het devlopmenttean. Als back-end developer bouw je aan de bedrijfssoftware die ons helpt bij de primaire processen. Een leuk (intern) project dus waarbij je de software continu doorontwikkeld! Je werkt in een klein team, we hebben dagelijks stand-ups en iedere twee weken een scrum-sessie, begeleid door onze Scrum Master. Hierin krijg je uitgebreid de kans om je ideeÃ«n te presenteren, en te overleggen met je mede-ontwikkelaars en de Product Owner. Binnen de ontwikkelteams gebruiken we Trello, Gitlab, Jiira, Confluence en Boockstack. Hiernaast werken ze met de

Bekijk vacature »

.Net ontwikkelaars voor de zorgsector

Bedrijfsomschrijving Voor onze klant in de omgeving van Zwolle zijn wij op zoek naar een ervaren .Net ontwikkelaar, bij voorkeur met ervaring binnen de belangrijkste sector van Nederland, namelijk: de zorgsector. Deze internationale organisatie ontwikkelt software voor de zorgsector. Er werken zo'n 25 medewerkers hard aan een oplossing die gebruikt wordt door heel Nederland. Er heerst een informele sfeer waarbij er altijd ruimte is voor een grapje. Je collega's zijn stuk voor stuk sterke ontwikkelaars vanuit verschillende achtergronden en met verschillende leeftijden. Je komt hier terecht in een organisatie die zich hard inzet om de zorgsector te verbeteren. De mogelijkheden

Bekijk vacature »

Jan Graneker

25/09/2018 20:02:43

Goedenavond Leden,

Zou iemand mijn script willen bekijken en advies willen geven hoe ik dit het beste aan zou kunnen pakken?

https://codepen.io/anon/pen/wELQJG

Wat houdt het in?

- Ik heb 4 tabs en elke tab heeft zijn eigen stukje tekst.
- Ik heb de actives van zowel de content als van de tabs verwijderd.

Hoe ga ik nu verder? Hoe kan ik nu ervoor zorgen dan wanneer de bezoeker op tab3 klikt hij ook content-block-3 ziet verschijnen?
Is dit ook modulair te maken, dus stel ik voer een 5de tab in dat hij dit ook gewoon oppakt.

Zou ik kunnen zeggen; Wanneer men op tab-1 klikt, zet dan een Active/show content-block-1?

Alle tips en tricks zijn welkom.

PHP hulp

30/11/2024 10:10:06

Adoptive Solution

25/09/2018 22:08:21

Na wat zoeken vond ik dit wat naar mijn idee doet wat u wilt.

https://www.w3schools.com/howto/howto_js_tabs.asp

Thomas van den Heuvel

25/09/2018 22:33:50

EDIT: ik denk dat je er bijna bent/was? je moet enkel op een of andere manier weten op welk item is geklikt, en dit in code vertalen naar welke tab je wilt tonen.

~~Als je het echt generiek wilt maken zou ik proberen om de id's eruit te kieperen, in zekere zin zijn beide oplossingen in dat opzicht niet echt generiek.~~
EDIT: meh, maar je moet deze nog steeds op een of andere manier identificeren. De oplossing van @Adoptive is even goed/beter als je geen extra lib wilt inzetten en je het niet erg vindt dat er inline JavaScript wordt gebruikt.

Ook loont het misschien de moeite om een framework te gebruiken (zoals jQuery) om wat beter cross browser compatibiliteit te garanderen. Is er een reden om de aansturing in (native) JavaScript te regelen of een bezwaar om dit niet te doen?

Vaak is de aanpak te vangen in het volgende "patroon": op je pagina heeft een bepaald gebied bepaalde (klik)functionaliteit. De beste (? of iig een) manier om dit te bereiken is door dit gebied af te bakenen met een container (bijvoorbeeld een div). Vervolgens hang je een class aan deze div en daarna hang je de functionaliteit op aan de div (of divs) met deze class.

Daarnaast kun je functioneel beschrijven wat het zou moeten doen: je hebt een rij van links die correspondeert met een rij divs. Klik je op een link dan moet het volgende gebeuren:
- de vorige div moet verborgen worden
- de huidige div corresponderend met de link moet getoond worden
- (extra) de (nieuwe) link moet "gehighlight" worden zodat je weet welke actief is

Als je dit functioneel kunt beschrijven volgt vaak de boodschappenlijst van werk die je in code moet verzetten automatisch (dit heet ook wel een specificatie :p).

Voorbeeld (ook even wat extra zut toegevoegd om te demonstreren dat het redelijk generiek is):

Code (php)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>generic tabs</title>
<style type="text/css">
*                               { font-family: sans-serif; }
.main                           { width: 500px; }
.tab-container-head             { line-height: 25px; }
.tab-container-head a           { display: block; float: left; padding: 0 10px; height: 25px; text-decoration: none; background-color: #aaffaa; color: #000000; }
.tab-container-head a.active    { background-color: #ffaaaa; }
.tab-container                  { background-color: #ffaaaa; }
.tab-container div              { display: none; padding: 10px; }
.tab-container div.active       { display: block; }
.clearfix::after                { content: ''; display: block; clear: both; }
</style>
<script
  src="https://code.jquery.com/jquery-1.12.4.min.js"
  integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
  crossorigin="anonymous"></script>
</head>

<body>
<div class="main">
    <div class="tab-container-head clearfix">
        <a href="javascript:void(0)" data-target="one" class="active">een</a>
        <a href="javascript:void(0)" data-target="two">twee</a>
        <a href="javascript:void(0)" data-target="three">drie</a>
        <a href="javascript:void(0)" data-target="three">drie</a>
        <a href="javascript:void(0)" data-target="three">drie</a>
        <a href="javascript:void(0)" data-target="three">drie</a>
        <a href="javascript:void(0)" data-target="three">drie</a>
        <a href="javascript:void(0)" data-target="three">drie</a>
        <a href="javascript:void(0)" data-target="three">drie</a>
        <a href="javascript:void(0)" data-target="three">drie</a>
        <a href="javascript:void(0)" data-target="three">drie</a>
        <a href="javascript:void(0)" data-target="three">drie</a>
        <a href="javascript:void(0)" data-target="three">drie</a>
        <a href="javascript:void(0)" data-target="three">drie</a>
        <a href="javascript:void(0)" data-target="three">drie</a>
    </div>
    <div class="tab-container">
        <div class="active" data-tab="one">een</div>
        <div data-tab="two">twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee </div>
        <div data-tab="three">drie</div>
    </div>
    <br>
    <div class="tab-container-head clearfix">
        <a href="javascript:void(0)" data-target="one" class="active">een</a>
        <a href="javascript:void(0)" data-target="two">twee</a>
        <a href="javascript:void(0)" data-target="three">drie</a>
    </div>
    <div class="tab-container">
        <div class="active" data-tab="one">een</div>
        <div data-tab="two">twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee </div>
        <div data-tab="three">drie</div>
    </div>
</div>
<script type="text/javascript">
//<![CDATA[
$().ready(function() {
    $('.tab-container-head a').click(function(e) {
        e.preventDefault();
        var $tabContainerHead = $(this).parent();
        var $tabContainer = $(this).parent().next(); // assumption: tab-container immediately follows tab-container-head
        var target = $(this).attr('data-target');

        $tabContainerHead.find('a').removeClass('active');
        $tabContainer.find('div').hide(); // hide all

        $tabContainer.find('div[data-tab='+target+']').show(); // show selected
        $(this).addClass('active');
    });
});
//]]>
</script>
</body>
</html>

Gewijzigd op 25/09/2018 23:20:41 door Thomas van den Heuvel

Moderator

Ward van der Put

26/09/2018 09:56:39

Dat kan eenvoudiger:

Better CSS-only tabs, with :target

Code in JS Bin

Jan Graneker

26/09/2018 14:01:45

Bedankt voor je uitgebreide reactie Thomas, echt super.

"een of andere manier weten op welk item is geklikt, en dit in code vertalen naar welke tab je wilt tonen."
Dat is het inderdaad helemaal.

Ik wil alle html/css/js/ gescheiden houden, inline js is dan geen optie. Vandaar dat ik juist het voorbeeld van W3cschools niet wil gebruiken.

Het generieke is misschien een ultiem doel en in dit geval minder haalbaar.

Ik ben vooral bezig om Javascript vanaf de core te begrijpen, daarom wil ik op dit moment Jquery niet gebruiken).

Ik heb hier inderdaad nog geen PSS/PSD van gemaakt, goed dat je het zegt, hier zou ik altijd al mee moeten beginnen.
Jouw code ga ik nog even grondig bestuderen.

Op basis van de huidige code en met de vraag (een of andere manier weten op welk item is geklikt, en dit in code vertalen naar welke tab je wilt tonen)

Welke aanpak zou hier dan het beste bij passen. Ik wil dus eigenlijk 2 data-attributen koppelen.
data-link-1 en data-content-1 enzovoorts.

Nu zou ik dit kunnen oplossen d.m.v. een onclick op data-link-1, show dan data-content-1.
Probleem is dat ik de code dan 5 keer moeten herhalen (2,3,4,5).

Sorry voor de iets warrige uitleg, maar hoe zou ik dit kunnen oplossen?

Thomas van den Heuvel op 25/09/2018 22:33:50:

Code (php)

Toevoeging op 26/09/2018 14:03:37:

Ward van der Put op 26/09/2018 09:56:39:

Dat kan eenvoudiger:

Better CSS-only tabs, with :target

Code in JS Bin

Dat ziet er erg solide uit! Op dit moment nog iets te hoog gegrepen voor mij ben ik bang.

Maar erg bedankt voor je reactie Ward. Ik ga het alsnog even uitpluizen.

Thomas van den Heuvel

27/09/2018 01:36:10

Jan Graneker op 26/09/2018 14:01:45:

Op basis van de huidige code en met de vraag (een of andere manier weten op welk item is geklikt, en dit in code vertalen naar welke tab je wilt tonen)

Welke aanpak zou hier dan het beste bij passen. Ik wil dus eigenlijk 2 data-attributen koppelen.

Het volgende is niet denigrerend bedoeld, maar vaak kunnen dit soort deelproblemen met eenvoudig verwoorde wensen bij elkaar geGoogled worden. Zo grabbel ik ook vaak mijn jQuery snippets bij elkaar, als ik zelf ook even niet direct de juiste/kortste syntax of simpelste aanpak weet.

Het helpt je (ook) om te realiseren dat jouw/iemands programmeerproblemen niet uniek zijn :). Iemand is hier al eens tegenaan gelopen, en iemand heeft dit vaak ook al opgelost.

Tijdens mijn zoektocht kwam ik een potentieel simpelere oplossing tegen. Het is namelijk mogelijk om vrij eenvoudig met jQuery (met .index()), maar ook in native JavaScript de index in een reeks van siblings te bepalen. Dit zou de verplichting van het gebruik van data- of id-attributen voor de verwijzing tab --> div mogelijk helemaal kunnen opheffen. Je zou namelijk tab met volgnummer X kunnen "koppelen" aan de content-div met volgnummer X, zonder extra administratie maar enkel op basis van volgorde, wat in zekere zin al best logisch is.

versie 2:

Code (php)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>generic tabs</title>
<style type="text/css">
*                               { font-family: sans-serif; }
.main                           { width: 500px; }
.tab-container-head             { line-height: 25px; }
.tab-container-head a           { display: block; float: left; padding: 0 10px; height: 25px; text-decoration: none; background-color: #aaffaa; color: #000000; }
.tab-container-head a.active    { background-color: #ffaaaa; }
.tab-container                  { background-color: #ffaaaa; }
.tab-container div              { display: none; padding: 10px; }
.tab-container div.active       { display: block; }
.clearfix::after                { content: ''; display: block; clear: both; }
</style>
<script
  src="https://code.jquery.com/jquery-1.12.4.min.js"
  integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
  crossorigin="anonymous"></script>
</head>

<body>
<div class="main">
    <div class="tab-container-head clearfix">
        <a href="javascript:void(0)">een</a>
        <a href="javascript:void(0)">twee</a>
        <a href="javascript:void(0)">drie</a>
        <a href="javascript:void(0)" class="active">vier</a>
    </div>
    <div class="tab-container">
        <div>een</div>
        <div>twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee </div>
        <div>drie</div>
        <div class="active">vierrrrrrr</div>
    </div>
    <br>
    <div class="tab-container-head clearfix">
        <a href="javascript:void(0)">een</a>
        <a href="javascript:void(0)" class="active">twee</a>
        <a href="javascript:void(0)">drie</a>
    </div>
    <div class="tab-container">
        <div>een</div>
        <div class="active">twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee twee </div>
        <div>drie</div>
    </div>
</div>
<script type="text/javascript">
//<![CDATA[
$().ready(function() {
    $('.tab-container-head a').click(function(e) {
        e.preventDefault();
        var $tabContainerHead = $(this).parent();
        var $tabContainer = $tabContainerHead.next(); // assumption: tab-container immediately follows tab-container-head
        var index = $(this).index();

        $tabContainerHead.find('a').removeClass('active'); // remove active class from tab
        $tabContainer.find('div').hide(); // hide all divs

        $tabContainer.children().eq(index).show(); // show selected
        $(this).addClass('active'); // mark current tab as active
    });
});
//]]>
</script>
</body>
</html>

Gewijzigd op 27/09/2018 12:28:42 door Thomas van den Heuvel

Jan Graneker

01/10/2018 20:50:19

Bedankt voor jouw reactie Thomas. Ik heb mijn vraag inderdaad te vroeg gesteld. Jouw opmerking over de siblings heeft mij wel de goede richting ingeduwd en heb het weten op te lossen. Toevallig ben ik net een artikel aan het lezen over het debuggen en stellen van goede vragen, daar heeft deze al wat te kort komingen in.

Bedankt voor het beantwoorden van mijn vraag en de hulp waar ik naar zocht.

Forum berichten

Reacties

PHP scripts

PHP tutorials

Actief op PHPhulp

Tabs systeem zo modulair mogelijk

Jan Graneker

PHP hulp

Adoptive Solution

Thomas van den Heuvel

Ward van der Put

Jan Graneker

Thomas van den Heuvel

Jan Graneker

Over PHPhulp

Support

Gesponsord

Extra's

Privacy