uitklapbare "lijst"

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Python Developer @ Amsterdam

2021-09-29 iSense Python Developer Ben jij een Python Developer die niets van de wereld wil missen? Wil jij dat jouw werkzaamheden zichtbaar zijn voor een groot publiek? Beschik jij over kennis van de modernste technieken en ben je in staat snel te switchen tussen verschillende projecten? Lees dan snel verder! ISRI51191 Organisatie Onze klant is een ambitieus mediabedrijf, gevestigd in Amsterdam. Om dagelijks tienduizenden mensen te voorzien van het laatste nieuws gebruiken zij diverse digitale middelen. Denk hierbij aan een website, mobiele nieuwsweergave en applicaties. Als Python Developer draag jij zorg voor deze digitale middelen; veel mensen maken hier gebruik

Bekijk vacature »

Stage: Super programmeurs welkom (In Limburg)

Wat ga je doen? Je bouwt mee aan het CMS Serena. Je bouwt mee aan werken-bij websites van klanten. Je helpt met de koppelingen bouwen tussen onze werken-bij websites en diverse software pakketten. Over welke vaardigheden beschik je? Programmeren in PHP. Communicatief vaardig. Teamspeler. Eigen mening. Wat bieden we? 70% van al onze medewerkers hebben ooit stage gelopen bij Getnoticed. We zijn een gezellig bourgondisch bedrijf dat werkt voor de top van Nederland (ABN Amro, T-Mobile, Coolblue en meer). De volgende opties zijn mogelijk Een leerplaats die ook geschikt is voor minder validen Mogelijkheden voor zij-instromers

Bekijk vacature »

Junior JAVA ontwikkelaar @ Regio Den Haag

2021-10-01 iSense Junior JAVA ontwikkelaar Heb je onlangs een hbo-, wo-opleiding of een minor richting de IT afgerond en wil je graag aan de slag als Fullstack JAVA Developer? Lees dan snel verder! Want in januari 2022 start de Experis Academy weer met een leerprogramma waarin IT-experts je opleiden tot developer met als specialisatie JAVA. Dit allemaal met een salaris en een vooruitzicht op een baan bij een topwerkgever. ISNA51157 Wat ga je doen tijdens het Fullstack JAVA ontwikkeltraject? Vanaf januari 2022 krijg jij via de Experis Academy een unieke kans om jouw IT-carrière een kickstart te geven en jezelf

Bekijk vacature »

Team Lead PHP

As Team Lead PHP, you make our customers smile by providing great software and building an effective team. How do I become a Team Lead PHP at Coolblue? As a Team Lead Web Development you build and lead a team that excels in providing high-quality and cost-efficient software. You support team members in defining their personal growth goals and with the approach to achieve them. Would you like to become a Team Lead PHP at Coolblue? Read below if the job suits you. You enjoy doing this Building and leading a team that excels in providing high quality and cost

Bekijk vacature »

RPA Developer

Voor een opdrachtgever uit de omgeving Utrecht ben ik op zoek naar een RPA Developer. Heb jij een afgeronde HBO- of WO-opleiding in de richting van IT, econometrie of Business Information Magement en minimaal 3 jaar relevante werkervaring? Dan ben ik op zoek naar jou! Deze opdrachtgever is een bekende naam in de regio Utrecht. Als RPA Developer heb je een functie waar je als spil fungeert. Binnen een team van Mendix-specialisten werk je intensief samen aan verschillende projecten bij diverse klanten. Met elkaar realiseer je vernieuwde businessapplicaties die het onze klanten makkelijker maken en de werkzaamheden efficiënter inrichten. Jij

Bekijk vacature »

Uitdagende kans voor .Net ontwikkelaars!

Bedrijfsomschrijving Deze informele organisatie heeft ontzettend veel contacten binnen grote en bekende organisaties. Dit zorgt ervoor dat jij als .Net ontwikkelaar op leuke en uitdagende projecten komt te werken, hierbij zal de focus vooral liggen op het midden van het land. Veel ontwikkelaars zijn via onze opdrachtgever aan het werk bij bijvoorbeeld grote financiële dienstverleners maar het is niet geheel ongebruikelijk om bij kleinere instanties aan het werk te gaan. Bij onze opdrachtgever ligt er veel focus op de persoonlijke ontwikkeling en groei van hun medewerkers. Je krijgt daarom veel ruimte om certificaten te behalen die belangrijk zijn voor jouw

Bekijk vacature »

Front End Developer, Dynagroup

Functieomschrijving Gaat jouw hart sneller kloppen van het bouwen aan innovatieve oplossingen en het overwinnen van uitdagingen in de wereld van Supply Chain oplossingen, After Sales Services en E-commerce services? Dan is de functie als Front End Developer iets voor jou! Wat bieden wij jou Marktconform salaris Dynamische en gezellige werkomgeving Uitdagende positie binnen een groeiend bedrijf Doorgroeimogelijkheden Wie ben jij Als Front End Developer word je onderderdeel van een klein ontwikkelteam dat eigen gebouwde software en SaaS oplossingen ontwerpt en ontwikkelt. Hierbij ligt een duidelijke focus op kwaliteit en schaalbaarheid. HBO-diploma in de richting van informatiesystemen of Toegepaste Informatica

Bekijk vacature »

.NET Developer @ Amsterdam

2020-12-23 iSense .NET Developer Ga jij aan de slag als .NET Developer bij een van de grotere spelers binnen de financiele dienstverlening? Wil jij graag werken met onder andere C#, SQL, MVC, en WCF binnen een grote organisatie om de applicaties binnen de organisatie verder te ontwikkelen en te onderhouden? Lees dan verder! ISKO47001 Nieuw Organisatie De organisatie is werkzaam in de financiële dienstverlening met meer dan 200 medewerkers en meer dan 250.000 eind gebruikers is het een van de grotere binnen haar branche. Je komt te werken in een team waarmee je verantwoordelijk bent voor het ontwikkelen en onderhouden

Bekijk vacature »

PHP Developer (medior)

Als PHP developer werk jij mee aan de uitbreiding van onze SaaS applicatie. Je bouwt aan nieuwe functionaliteiten, verbetert ons Content Management Systeem op basis van Symfony en optimaliseert de gebruiksvriendelijkheid. Je werkt aan een mooi product dat continu uitgebreid wordt en de potentie heeft om de wereld over te nemen! Naast het meewerken aan de uitbreiding van onze SaaS applicatie, werk je ook aan specifieke modules voor onze klanten. Klanten als Scania, Fletcher Hotels, Gamma of Aditech hebben jouw hulp nodig! Wil jij meewerken om onze ambitie waar te maken? We bieden: Een salaris tussen € 2200 en €

Bekijk vacature »

Fullstack Developer / Aurelia / C# @ Ede

2021-09-27 iSense Fullstack Developer Aurelia C# Ben jij een Fullstack Developer met meerdere jaren werkervaring? Heb je gewerkt met een of meerdere JavaScript Frameworks/Libraries in combinatie met C# en wil jij deze ervaring graag inzetten bij een organisatie die bezig is met een nieuw platform met tal van nieuw te ontwikkelen functionaliteiten waar zeer veel data doorheen gaat? Wil jij hen ondersteunen in het verder uitbouwen van deze applicatie en denk je graag na (met je collega's) over toekomstige oplossingen? Lees dan nu verder! ISHU48790 Organisatie Als Fullstack Developer kom je te werken bij een gerenommeerde organisatie in de regio

Bekijk vacature »

Senior .Net Developer (fixed & interim)

What are you going to do? All our T-Mobile Thuis systems are developed internally by our enthusiastic and self-organized scrum/DevOps teams. These are responsible for the analysis, the functional design and the realization of software solutions (applications / systems) that support the customer processes and the activation of the services in the network and on the platforms. The developments in IT are moving fast and we believe that you need hands-on expertise in implementing the new technology in order to be able to value these. We are therefore looking for experienced candidates who can and want to combine the role

Bekijk vacature »

BI Developer / Business Analist BI

Dümmen Orange is ’s werelds grootste veredelaar en kweker van snijbloemen, bollen, tropische planten, potplanten, perkplanten en vaste planten. Voor onze locatie in De Lier zoeken wij een BI Developer / Business Analist BI. Functie inhoud Dümmen Orange groeit en bloeit! Dit resulteert in een snel veranderende en tevens uitdagende werkomgeving. De BI Omgeving is voor Dümmen Orange van essentieel belang en levert een totaal beeld over de diverse entiteiten en applicaties. Door zowel acquisities en interne ontwikkelingen wijzigt het interne applicatielandschap regelmatig. Dit heeft direct impact op onze datawarehouse en ook de informatie behoefte waar BI in voorziet waardoor

Bekijk vacature »

Advanced Mendix Developer Logistic Solutions (NL)

Advanced Mendix Developer Logistic Solutions (NL) Den Haag HBO/WO IT Professional "Als Advanced Mendix Developer impact maken op de groeiende E-commerce markt met onze logistieke software en onze kritieke logistieke keten. Je doet dit door ontwikkeling en uitbreiding van onze Mendix Cloud omgeving, waarbij je complexe business processen vertaalt naar kritieke Mendix applicaties." Wat ga je doen? PostNL is becoming a postal tech company. Je komt te werken binnen PostNL Logistic Solutions. Daar gaan we net wat verder dan een standaardpakket of brief. Het gaat bijvoorbeeld om gekoeld vervoer van medicijnen (Health), Warehousing (Fulfilment), het leveren binnen hele strakke tijdvakken

Bekijk vacature »

.NET Developer / Azure @ Tilburg

2021-09-27 iSense .NET Developer Azure Ben jij een .NET Developer met minimaal 4 jaar werkervaring en lijkt het je leuk om te werken bij een organisatie die een onmisbare schakel is binnen de Nederlandse zorgsector? Lijkt het je interessant om aan de slag te gaan met Azure? Reageer nu! ISPA48829 Organisatie Voor een goede relatie van ons in de regio Tilburg zijn wij op zoek naar een ervaren .NET Developer. De organisatie is verantwoordelijk voor de ontwikkeling van een groot aantal portalen die onmisbaar zijn in de Nederlandse zorgsector. De systemen worden gebruikt door zorgverzekeraars, zorgverleners en tal van andere

Bekijk vacature »

Senior OutSystems Developer

Wie zijn wij? In korte tijd hebben we als startup een platform ontwikkeld en in de markt gezet voor het organiseren van volledige mobiliteit van consumenten en medewerkers van bedrijven. Openbaar vervoer, deelauto’s, deelfietsen en nog veel meer kun je plannen, boeken, betalen en gebruiken met ons platform bestaande uit onder meer een app, backend en een multimodale reisplanner. Met een jong en slagvaardig team zijn we in rap tempo de markt aan het veroveren. Nu nog hoofdzakelijk in Nederland maar met grote plannen om de grens over te gaan. We zoeken naar een senior OutSystems Developer om de ontwikkeling

Bekijk vacature »
Michel Koonen

Michel Koonen

11/12/2013 09:42:05
Quote Anchor link
Ik heb onderstaande code. Nu wil ik niet direct de hele lijst laten zien, maar zodra er op het "tweede punt" wordt geklikt, opent sub a en sub b. Iemand een idee hoe ik dit aanpak?

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
<ul>
<li>Eerste punt</li>
<li>tweede punt
<ol type="a">
<li>tweede punt, sub a</li>
<li>tweede punt, sub b</li>
</ol>
</li>
<li>derde punt</li>
</ul>
 
PHP hulp

PHP hulp

16/10/2021 17:54:36
 
Albert de Wit

Albert de Wit

11/12/2013 09:47:08
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
ol{
    display: none;
}
ul li:nth-child(2):focus + ol{
    display: inline-block;
}


Misschien een beter voorbeeld
Gewijzigd op 11/12/2013 10:04:59 door Albert de Wit
 
Michel Koonen

Michel Koonen

11/12/2013 11:30:42
Quote Anchor link
Mooi en simpel :-)

Is 't ook zo aan te passen dat ie ook inklapt bij een tweede keer klikken op "tweede punt" , zoals dat nu gebeurt bij 't klikken op 3e punt/1e punt
 
Bas IJzelendoorn

Bas IJzelendoorn

11/12/2013 11:48:41
Quote Anchor link
Je kan eventueel ook kijken naar Jquery Toggle()
 
Albert de Wit

Albert de Wit

11/12/2013 11:48:48
Quote Anchor link
Zeker! Dit is heel simpel door een checkbox check uit te voeren hierbij.

HTML
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
<ul>
    <li>Punt 1</li>
    <li>
        <label for="uitklapper">Punt 2</label>
        <input type="checkbox" hidden id="uitklapper" class="uitklapper">
        <ol>
            <li><label for="uitklapper">Sub a</label></li>
            <li><label for="uitklapper">Sub b</label></li>
        </ol>
    </li>
    <li>Punt 3</li>
</ul>


CSS
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
ol{
    display: none;
}

.uitklapper:checked + ol{
    display: initial;
}


Hier een voorbeeld

Toevoeging op 11/12/2013 11:50:06:

Bas IJzelendoorn op 11/12/2013 11:48:41:
Je kan eventueel ook kijken naar Jquery Toggle()


Die is er ook, maar ik vind het zo mooi om het zonder javascript te doen :D.
Gewijzigd op 11/12/2013 12:03:11 door Albert de Wit
 
Michel Koonen

Michel Koonen

11/12/2013 21:46:45
Quote Anchor link
Ik heb het voorbeeld van Albert wat uitgebreid waarbij alle 1st level LI's zouden moeten kunnen worden uitgeklapt, maar dan werkt 't niet meer.. Ik kom er niet achter waar de "fout" zit.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
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
<ul>
        <li>
            <label for="uitklapper">Punt 1</label>
            <input type="checkbox" hidden id="uitklapper" class="uitklapper">
            <ol>
                <li><label for="uitklapper">1 a</label></li>
                <li><label for="uitklapper">1 b</label></li>
            </ol>
        </li>
        <li>
            <label for="uitklapper">Punt 2</label>
            <input type="checkbox" hidden id="uitklapper" class="uitklapper">
            <ol>
                <li><label for="uitklapper">2 a</label></li>
                <li><label for="uitklapper">2 b</label></li>
            </ol>
        </li>
        <li>
            <label for="uitklapper">Punt 2</label>
            <input type="checkbox" hidden id="uitklapper" class="uitklapper">
            <ol>
                <li><label for="uitklapper">3 a</label></li>
                <li><label for="uitklapper">3 b</label></li>
            </ol>
        </li>
    </ul>


PS. Aan de CSS heb ik niets aangepast.
 
Kris Peeters

Kris Peeters

12/12/2013 15:24:04
Quote Anchor link
Sta me even toe dat ik het met javascript doe.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
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
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
  $(document).ready(function() {
    $('.uitklapper').click(function(e) {
      $(this).children('.uitklapper').toggle();
    })
  });
</script>
<style>
ol.uitklapper {
  display: none;
}
</style>
<ul>
  <li class="uitklapper">
      Punt 1
      <ol class="uitklapper">
          <li>1 a</li>
          <li>1 b</li>
      </ol>
  </li>
  <li class="uitklapper">
      Punt 2
      <ol class="uitklapper">
          <li>2 a</li>
          <li>2 b</li>
      </ol>
  </li>
  <li class="uitklapper">
      Punt 2
      <ol class="uitklapper">
          <li>3 a</li>
          <li>3 b</li>
      </ol>
  </li>
</ul>


Is dit ongeveer wat je wil?
 
Michel Koonen

Michel Koonen

13/12/2013 14:13:30
Quote Anchor link
yep... da's helemaal wat ik bedoel ! Dank :-)
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.