jQuery accordion

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Embedded Software Engineer met (lead)ervaring

Alflex Technologies ontwerpt, ontwikkelt en produceert hoogwaardige elektronica producten en oplossingen. Om onze groei in goede banen te leiden, hebben wij per direct plaats voor een ervaren/teamleadEmbedded Software Engineer. Wij maken maatwerkoplossingen voor onze klanten en dat doen we op een heel breed gebied: van touchless bediening van toiletten tot anti-legionella systemen en van IoT tracking en sensoring tot corrosie bescherming van offshore windmolenparken en schepen. En dit is nog maar het tipje van de sluier…. Wij zoeken Iemand die gek is van het ontwikkelen van software voor maatwerk-elektronica met ARM-Cortex en AVR-microcontrollers voor zeer diverse markten (BtB). Onze klanten

Bekijk vacature »

Opdracht: DevOps Ontwikkelaar @ Assen

2021-03-23 iSense Opdracht: DevOps Ontwikkelaar Als DevOps ontwikkelaar ben jij verantwoordelijk voor het ontwikkelen en onderhouden van het portaal en daaraan gerelateerde applicaties. ISBI49429 Organisatie De organisatie is een van de grotere ICT-dienstverleners binnen de Rijksoverheid. Zij ondersteunen de primaire processen van diverse uitvoeringsorganisaties en de ministeries. Taken Je bouwt in teamverband aan functionele wijzigingen op de applicatie die uit de digitale strategie voortvloeien. Je analyseert productie-incidenten en lost ze op, in samenwerking met andere afdelingen. Je houdt je bezig met applicatie monitoring en de doorontwikkeling daarvan. Je draagt bij aan een effectieve ontwikkelomgeving door mee te werken aan een

Bekijk vacature »

IT-traineeship Low Code Developer

Vind jij het leuk om veel contact te hebben met een klant en je te verdiepen in een domein? Lijkt het je interessant om enerzijds met de klant mee te denken, maar tegelijkertijd ook zelf een bijdrage te leveren aan de implementatie van een IT oplossing? Wij zijn op zoek naar starters die aan de slag willen als low-code engineer. In deze functie bouw je aan applicaties met behulp van een low-code platform, zoals Outsystems, Blueriq, Mendix of Pega. Dergelijke platformen stellen je in staat om snel een werkende applicatie te ontwikkelen en zijn hierdoor heel geschikt voor maatwerk projecten.

Bekijk vacature »

Java / Hippo developer

Functieomschrijving Ben jij een ervaren Java/Hippo ontwikkelaar en op zoek naar een internationale, creatieve en innovatieve omgeving? Wil jij werken in een divers applicatielandschap waar alle aspecten van het vakgebied van een developer aan bod komen, zodat je je volledig kan ontplooien? Bij Randstad Groep Nederland (HQ) zijn we op zoek naar jou! Wij zijn op zoek naar een Java/Hippo ontwikkelaar die per direct ons interne team komt versterken. Java/Hippo development bij Randstad Groep Nederland (HQ) Je komt te werken in het Online Search Experience team. Dit team werkt samen met de product owner aan onze web omgevingen van Randstad

Bekijk vacature »

Tech Lead Application Developer

UPS is looking for a Tech Lead Application Developer For our Europe development center in Eindhoven we’re looking for an Application Tech Lead that is able to work on enterprise type applications deployed across the world. As a tech lead at UPS you work on enabling the delivery of functionality for highly complex IT Systems. More than 500,000 UPSers move goods, capital and information across the world and deliver over 22 million items to their destinations every day. And our IT Systems make sure this can be done as efficient as possible. What You’ll Do You collaborate with internal customers

Bekijk vacature »

Java Engineer

At Accenture Technology we are dedicated to support our global Engineering community. Are you into application, middleware and infrastructure technologies and daydreaming about the next step in your career? Get in touch with us via the apply now button. Java Engineer 32-40 hours per week Your job The Engineering practice includes our most experienced and talented resources with a broad skillset. Our experts specialize in modern front-end, back-end and cloud technology stacks available in the market. Moreover, as the world of IT is rapidly changing, our highly skilled and motivated Agile/DevOps practitioners are in the spotlight. With a strong focus

Bekijk vacature »

Senior Applicatieontwikkelaar

UPS zoekt een Senior Applicatieontwikkelaar *Thuiswerken is mogelijk voor deze functie Ben jij een gedreven applicatieontwikkelaar met minimaal drie jaar werkervaring? En wil je een uitdagende baan met impact én jezelf breed ontwikkelen? Bij UPS bouw je mee aan complexe systemen die wereldwijd worden gebruikt en krijg je alle ruimte om nóg beter te worden in je vak. Dit ga je doen In een dynamisch scrumteam werk je aan de hand van processen en technologieën zoals CI/CD en DevOps aan het behalen van jullie doelen. Je bent betrokken bij alle facetten van applicatieontwikkeling: van ontwerpen en bouwen tot testen en

Bekijk vacature »

API Developer / Red Hat Fuse @ Amersfoort

2021-05-25 iSense API Developer Red Hat Fuse Heb jij als API Developer/Integratie specialist al enige ervaring met het ontwikkelen van API's en wil jij aan de slag met nieuwe oplossingen als Red Hat Fuse en 3Scale? Lijkt het jou gaaf om aan de vooravond te staan van de implementatie van een volledig nieuw applicatiehuis met tal van koppelingen? Ga jij daarnaast graag aan de slag binnen een uitdagende omgeving waarbij je de mogelijkheid krijgt jezelf verder te ontwikkelen? Lees dan snel verder! ISKO47622 Organisatie Deze organisatie is een toonaangevende speler in de vastgoedbranche en telt momenteel ruim 500 medewerkers. Met

Bekijk vacature »

Freelance opdracht: Python Developer / Kafka / Dat

2021-06-03 iSense Freelance opdracht: Python Developer / Kafka / Data pipelines ISDR48913 Organisatie Voor onze klant, een pionier op het gebied van online oplossingen, zoeken wij een ervaren Python Developer die ervaring heeft met data pipelines en Linux / Bash scripts. Als je daarnaast ook ervaring hebt met ETL processen, Apache Kafka en queue systemen, ben je helemaal de topkandidaat! In dit enthousiaste Scrum team ga je samen met 3 ervaren collega's in een DevOps omgeving aan de slag met een webcrawling platform dat informatie voor klanten vergaart vanuit diverse online bronnen. Je ontwikkelt binnen een microservices architectuur en met

Bekijk vacature »

Full Stack Java Developer

Functieomschrijving Met jouw expertise zorg je als java developer voor de meest plezierige en efficiënte klant ervaring. Met jouw state-of-the-art-systemen verbeter je onze business en maak je echt impact! Want als je in ons tech team werkt, houd je jezelf en Nederland in beweging. Wij zijn continu bezig onze business en processen te optimaliseren, zodat we onze klanten en kandidaten meer gemak, snelheid en transparantie kunnen bieden. Impactvolle tech, daar doen we het voor. Artificial intelligence, machine learning en innovatieve zoek oplossingen. Zoek oplossingen? Yes! Solliciteren moet makkelijk en leuk zijn. Toch? Daar kan jij aan bijdragen! wat ga je

Bekijk vacature »

IT-Traineeship junior software programmeur

Zoek jij een stevige uitdaging en de mogelijkheid om veel nieuwe dingen te leren in een dynamisch vakgebied? Doe mee aan ons IT Professional Program en ontwikkel jezelf tot software engineer! Je begint met een opleidingstraject van ongeveer 4 maanden. Hierin ga je aan de slag met verschillende technieken die je op conceptueel niveau leert te overzien en interpreteren. Onderwerpen die aan bod komen zijn o.a. programmeren (Java/C#/Python), Object Oriëntatie, Databases, Webservices & webtechnologieën, Domain Driven Design en Continuous Integration/Continuous Delivery. Sommige van deze onderdelen sluit je af met een examen en bijbehorende certificering. Het opleidingstraject zelf sluit je af

Bekijk vacature »

Tech Lead Application Developer

UPS is looking for a Tech Lead Application Developer For our Europe development center in Eindhoven we’re looking for an Application Tech Lead that is able to work on enterprise type applications deployed across the world. As a tech lead at UPS you work on enabling the delivery of functionality for highly complex IT Systems. More than 500,000 UPSers move goods, capital and information across the world and deliver over 22 million items to their destinations every day. And our IT Systems make sure this can be done as efficient as possible. What You’ll Do You collaborate with internal customers

Bekijk vacature »

Tijdelijke Outsystems Developer @ Regio Den Haag

2021-05-27 iSense Tijdelijke Outsystems Developer Heb jij ervaring als OutSystems Developer en ben je graag in contact met de eindgebruikers? Binnen deze rol krijg jij de vrijheid om dit te doen, dus lees snel verder! ISS50020 Spoed Organisatie Onze opdrachtgever in de regio Den Haag is een jonge speler binnen de dienstverlenende sector. Duurzaamheid, service en flexibiliteit hebben zij hoog in het vaandel staan. Als organisatie zijn zij flink aan het groeien en staan zij inmiddels bekend als een sterke en vooruitstrevende speler binnen de markt. Doordat een Outsystems Developer de organisatie gaat verlaten, zijn zij tijdelijk op zoek naar

Bekijk vacature »

Team Lead Applicatie Developers

UPS zoekt een Team Lead Applicatie Developers *THUISWERKEN IS MOGELIJK VOOR DEZE FUNCTIE Heb jij ruime ervaring als applicatieontwikkelaar? En vind je het leuk om boven op de laatste ontwikkelingen in je vak te zitten, mede-developers aan te sturen en altijd te blijven leren? Als Team Lead C# bij UPS werk je aan projecten die in veel verschillende landen worden gebruikt en maak je deel uit van een grote en internationale gemeenschap van agile teams. Dit ga je doen Je gaat aan de slag met het leveren van functionaliteiten voor zeer complexe IT-systemen. Je werkt samen met verschillende agile teams

Bekijk vacature »

Front-End Developer

Als Front-End Developer bij Coolblue verbeter je de gebruiksvriendelijkheid van onze webshop voor miljoenen klanten. Wat doe je als Front-End Developer bij Coolblue? Als Front-end Developer werk je aan de gebruiksvriendelijkheid van onze webshop voor miljoenen klanten. Je vindt het leuk om samen te werken met de UX designer om stories op te pakken. Je krijgt energie van het bedenken van creatieve oplossingen en presenteert dit graag binnen het team. Ook ben je trots op je werk en verwelkomt alle feedback. Ook Front-end Developer worden bij Coolblue? Lees hieronder of het bij je past. Dit vind je leuk om te

Bekijk vacature »
Synaps Framework

Synaps Framework

25/08/2010 10:16:16
Quote Anchor link
Goedenmorgen,

Ik ben bezig met een accordion te maken in javascript mbv jquery. Hierbij moet een divje inschuiven en tegelijkertijd moet er een ander divje uitschuiven. Echter, als ik deze acties allebij laat plaats vinden vallen de elementen uit hun container omdat hij te groot word door het uitschuiven. Heeft iemand al een zoiets gemaakt dat je dus precies de zelfde aantal pixels uitschuift als inschuift. Constant dus, als hij 1 pixel teveel uitschuift als inschuift valt hij uit zijn container.

Hieronder het stukje script welke ik gemaakt heb hiervoor.

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
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
(function($) {
    $.fn.sefAccordion = function(options) {
        options = $.extend({
                    defaultOpen: null,
                    previousDiv: null,
                    defaultid: '0',
                    currentcounter: 0,
                    intervalid: 0,
                    autodelay: 0,
                    event: "click",
                    alldivs_array:new Array()
            }, options);

        $(this).css({overflow:"hidden"});
        
        var elementid = $(this).attr("id");
        options.alldivs_array = $(this).children('div.Product');
        
        if( options.autodelay > 0 ) {
            $("#"+ elementid +" > div").bind("mouseenter", function() { pause(); });
            $("#"+ elementid +" > div").bind("mouseleave", function() { startPlay(); });
        };

        options.alldivs_array.each( function(iCurrent) {
            $(this).attr('id', 'slide_' + iCurrent);
            $(this).children('div.Image').bind( options.event , function() {
                     pause();
                     options.currentcounter = iCurrent;
                     openSlide($('#slide_' + iCurrent));
            });
        });
        
        if(options.defaultOpen != null) {
            $(options.alldivs_array[options.defaultOpen]).children('div.Description').css('display', 'block');
            options.previousDiv = $('#slide_' + options.defaultOpen);
            if(options.defaultOpen == (options.alldivs_array.length - 1)) {
                options.currentcounter = 0;
            } else {
                options.currentcounter == options.defaultOpen;
            }
        };
        
        if( options.autodelay > 0 ) {
            startPlay();
        };
        
        function openSlide( oSlide ) {
            if(options.previousDiv != null) {
                options.previousDiv.children('div.Description').animate({width : 'toggle'}, function() {
                    
                });
            }
                oSlide.children('div.Description').animate({width: 'toggle'});
            options.previousDiv = oSlide;
        };
        
        function startPlay() {
            options.intervalid = window.setInterval(play, options.autodelay );
        };
        
        function play() {
            openSlide($('#slide_' + options.currentcounter));
            if(options.currentcounter == (options.alldivs_array.length - 1)) {
                options.currentcounter = 0;
            } else {
                options.currentcounter++;
            }
        };
        
        function pause() {
            window.clearInterval(options.intervalid);
        };
    }
})(jQuery);
 
PHP hulp

PHP hulp

13/06/2021 13:50:49
 
Vincent Huisman

Vincent Huisman

25/08/2010 10:26:43
Quote Anchor link
waarom het wile nog eens uitvinden?
http://demos.mootools.net/Accordion
 
Moe BE

Moe BE

25/08/2010 10:42:28
Quote Anchor link
Jquery -> slidedown en slideup

Zet de duration time voor beide gelijk en de breedte van je site wordt behouden!
Gewijzigd op 25/08/2010 10:44:04 door Moe BE
 
John Doe

John Doe

25/08/2010 10:42:43
Quote Anchor link
Volgensmij heeft Dreamweaver een accordion bij spry staan als je dreamweaver heb zou ik als ik jou was daar zeker even naar kijken.
 
SilverWolf NL

SilverWolf NL

25/08/2010 11:26:58
Quote Anchor link
Over het wiel uitvinden gesproken:
http://jqueryui.com/demos/accordion/
 
Pim -

Pim -

25/08/2010 11:40:43
 
Synaps Framework

Synaps Framework

25/08/2010 12:05:04
Quote Anchor link
Deze accordion schuift horizontaal. Dus ik heb niks aan slideUp en slideDown.

@vincent: Wat heeft MooTools hiermee te maken?
@alle mensen die over een wiel zeuren: De bestaande accordions heb ik niks aan. Het is een stuk maatwerk.
 
Moe BE

Moe BE

25/08/2010 12:13:16
Quote Anchor link
Is het dan niet gewoon een kwestie van de juiste breedtes op te geven en zien dat je slide-tijden gelijk lopen? Ik kan me niet inbeelden dat js het ineens breder gaat maken dan dat je hebt opgegeven.
 
Synaps Framework

Synaps Framework

25/08/2010 12:16:10
Quote Anchor link
Snelheden zijn hetzelfde, hij valt wel uit zijn container, welke alleen kan betekenen dat hij breeder word.
 
SilverWolf NL

SilverWolf NL

25/08/2010 12:39:44
Quote Anchor link
Dan zou ik toch eens naar de site die Pim gaf kijken:

http://flowplayer.org/tools/demos/tabs/accordion-horizontal.html
 
Synaps Framework

Synaps Framework

25/08/2010 13:35:52
Quote Anchor link
Als je die demo ziet, en je goed oplet op het rechter plaatje zie ook, dat bij deze het plaatje iets naar rechts verschuift als je een element opent. Zelfde geval als bij mijn.
 



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.