jQuery accordion

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Developer DataPower & Message Queuing

Dit ga je doen Ontwerpen, bouwen en testen van alle diensten m.b.t. DataPower, MQ, Broker en Cross File Transfer Constant verbeteren van de omgeving Nauw samenwerken met je collega's Hier ga je werken Je komt als DataPower developer te werken in de regio Deventer/Apeldoorn bij een van de meest complexe IT omgevingen van Nederland. De organisatie is constant in beweging en bezig met de nieuwste tools en technieken, het is een platform waar immers miljoenen (!) gebruikers van afhankelijk zijn. De organisatie werkt met grote hoeveelheden data, zij richten zich zowel op de B2B als B2C markten en zijn pionier

Bekijk vacature »

.NET Developer

Dit ga je doen (Door)Ontwikkelen van het applicatielandschap; (Door)Ontwikkelen van microservices; Bouwen van nieuwe functionaliteiten; Verbeteringen aandragen voor het applicatielandschap; Sparren met de business. Hier ga je werken De organisatie is werkzaam in de financiële dienstverlening met meer dan 200 medewerkers en meer dan 250.000 eindgebruikers 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 van de financiële applicaties binnen de organisatie, denk hierbij aan het bouwen en onderhouden van portalen. Als .net developer ga jij het development team ondersteunen met de transitie naar

Bekijk vacature »

iOS developer

Plenty of jobs online but which one will you choose? Want to discuss your options, working on an app that really makes you happy? Join the house of appril. We have a team of experts who know everything about the Dutch app ecosystem. We organise the app festival since 2012 and help App developers with their next job. For a specialized app agency with great clients, we are looking for a Swift developer to join the iOS team. Together with their team members you will develop apps for clients, from end to end through prototyping, validation, implementation, launch, and further

Bekijk vacature »

PL/SQL Oracle APEX Ontwikkelaar voor logistieke so

Bedrijfsomschrijving Voor mijn klant in Rotterdam ben ik opzoek naar een PL/SQL Oracle (APEX) Ontwikkelaar (salaris tussen de 2.500 - 6.000 euro bruto per maand). Binnen container management en warehousing biedt deze organisatie ICT-oplossingen van grote kwaliteit. De organisatie kenmerkt zich als een fullservice softwarehuis dat verantwoordelijk is voor zowel het bepalen van de informatie behoeften bij klanten, inhouse software ontwikkeling en de implementatie van deze software. Dit doen ze inmiddels al een zeer geruime tijd voor voornamelijk klanten binnen de logistieke sector. Ze hebben inmiddels een imposant klantenbestand opgebouwd en de organisatie is nog steeds groeiende. Bij deze klanten

Bekijk vacature »

Freelance senior ICT ontwikkelaar (zzp)

Belastingdienst B/cao Startdatum inzet: 9-1-2023 Einddatum inzet: 31-12-2023 Uren per week: 36,00 Standplaats: Apeldoorn Max tarief: € 86,00 Team LIV is op zoek naar een enthousiaste, flexibele, multitaskende en hands-on ontwikkelaar met veel ervaring in het gedeeltelijk of volledig zelfstandig bepalen van ontwikkel- en realisatie aanpak. Onze nieuwe collega moet in staat zijn te werken in een hectische omgeving waarbij er sprake is van zeer verschillen realisatietrajecten voor wat betreft(technische)diepgang, startmoment (wel/geen beschrijvingen beschikbaar) en klantcontact. De gekozen ontwikkelmethodiek dient passend te zijn voor het op te lossen vraagstuk waarbij samenwerking met de testengineer in relatie tot Systeem integratie test

Bekijk vacature »

Oracle APEX developer

Wat je gaat doen: Als Oracle APEX ontwikkelaar bij DPA werk je samen met collega’s aan de meest interessante opdrachten. Je zult je ervaring met SQL, PL/SQL, JavaScript, HTML en CSS inzetten om wensen van opdrachtgevers te vertalen naar technische oplossingen. Je werk is heel afwisselend, omdat DPA zich niet beperkt tot een specifieke branche. Zo ben je de ene keer bezig binnen de zorgsector, de andere keer is dit bij de overheid. Wat we vragen: Klinkt goed? Voor deze functie breng je het volgende mee: Je hebt een hbo- of universitaire opleiding afgerond Je hebt 2 tot 5 jaar

Bekijk vacature »

Senior Frontend developer

Wat je gaat doen: Of beter nog, wat wil jij doen? Bij DPA GEOS werken onze consultants als Frontend Developer in Agile teams bij onze klanten en zijn ze verantwoordelijk voor de grotere webapplicaties. Wil jij dit ook, want we zijn op zoek naar enthousiaste Frontend Developers om ons development team te versterken. Je draagt positief bij aan de teamgeest binnen een projectteam je kijkt verder dan je eigen rol. Eventueel begeleid je ook andere ontwikkelaars in het softwareontwikkelproces. Je gaat webapplicaties maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit

Bekijk vacature »

Traineeship Full Stack Java developer

Dit ga je doen Start jij op 9 januari bij de Experis Academy dan kickstart jij jouw IT-carrière! We leiden je op tot een gewilde Full Stack Java Developer met alle kennis en vaardigheden die nodig zijn om de arbeidsmarkt te betreden. Wat kun je verwachten, hoe zit een dag in het leven van een Trainee eruit? Periode 1 Als Full Stack Java Developer Trainee volg je vanuit huis een op maat gemaakte onlinetraining die in het Engels wordt gegeven. De tijd die je kwijt bent aan het volgen van de training kun je vergelijken met een fulltime werkweek. In

Bekijk vacature »

.NET Software Developer

Wat wij bieden Een contract voor onbepaalde tijd met een aantrekkelijk salaris passend bij de rol; Een ruim mobiliteitsbudget voor een keuze tussen een leaseauto of voor je eigen vervoer; Thuiswerkmogelijkheden, als het past voor onze klant; Een breed palet aan secundaire arbeidsvoorwaarden zoals een thuiswerkplek, pensioenregeling, internetvergoeding, en collectieve ziektekostenverzekering; Een budget voor extra vakantiedagen dat je ook kunt laten uitbetalen als dat jou beter uitkomt; Je krijgt een goede laptop en een voucher voor een telefoon naar keuze; veel ruimte om jezelf te ontwikkelen met onbeperkte opleidingsmogelijkheden; uitdagende en innovatieve opdrachten in onze multidisciplinaire teams; teambuildinguitjes, social events,

Bekijk vacature »

Freelance applicatieontwikkelaar (zzp)

Belastingdienst B/cao Startdatum : 2-1-2023 Tijdelijke functie, met optie op vast Aantal uren per week : 36 Standplaats in overleg : Apeldoorn Applicatieontwikkelaar bij het Ministerie van Financiën- Belastingdienst We zoeken een consultant/developer met ervaring in de ontwikkeling van back-end systemen. Als consultant heb je kennis en ervaring met de wijze waarop Open Formulieren is opgezet. Je bent een vraagbaak voor collega’s en deelt waar nodig je kennis. Je hebt ervaring met het werken in een open source omgeving. Je bent thuis in verschillende frameworks of je kunt je die snel eigen maken. Je hebt aantoonbaar ruime kennis van en

Bekijk vacature »

Freelance java developer / scrummaster (zzp)

Belastingdienst B/cao Startdatum inzet: 9-1-2023 Einddatum inzet: 31-12-2023 Uren per week: 36,00 Standplaats: Apeldoorn Max tarief: € 82,00 Voor onze partnerorganisatie, de Belastingdienst, zijn wij op zoek naar een Java Developer met kennis van en ervaring met de Scrum methodiek. In deze rol wordt er van je gevraagd dat je: Brede ervaring hebt als JAVA-ontwikkelaar; Weet wat er van een scrummaster wordt verwacht; Als volwaardig teamlid participeert binnen het scrumproces in je team en in de SAFe-releasetrain; Zowel zelfstandig kunt werken in een scrumteam als intensief de samenwerking zoekt met je directe collega’s en je omgeving; Samenwerkt met je collega’s

Bekijk vacature »

C# Software Developer

Samengevat: Deze werkgever is een innovatieve technisch dienstverlener op het gebied van beveiliging en interne logistieke systemen. Ben jij geschikt als software ontwikkelaar? Heb je ervaring met javascript? Vaste baan: C# Software Developer ElektrotechnieK HBO .NET 2.800 - 4.000 Software Ontwikkelaar Wij kenmerken ons door de verscheidenheid aan producten en diensten op gebied van beveiliging. Deze werkgever is een succesvolle full service provider en ontzorgen de klant volledig door de implementatie van nieuwe technologie. Samen met klanten creëren wij beveiligings- en business oplossingen die resultaat opleveren. Wij creëren innovatieve oplossingen door te werken met de nieuwste technologieën. Uitgangspunt hierbij zijn

Bekijk vacature »

.NET Core Software Developer gericht op de toekoms

Bedrijfsomschrijving Dit bedrijf in Hoofddorp is per direct op zoek naar een ervaren Software .Net Developer die het technisch team bestaande uit 25 professionals komt versterken. Het bedrijf ontwikkelt geavanceerde softwaretoepassingen bestemd voor de optimalisatie van financiële bedrijfsprocessen bij diverse bedrijven, nationaal en internationaal. De organisatie is al tientallen jaren erg succesvol en zij zijn nog steeds groeiende. Enkele kernpunten die het bedrijf beschrijven zijn informeel, geavanceerd, klantgericht, service minded en duurzaamheid. Een echt mooie organisatie dus om onderdeel van uit te maken! Functieomschrijving Je 7 Software Development collega's van de R&D afdeling hebben je versterking nodig om de intern

Bekijk vacature »

Freelance senior Programmeur (zzp)

Dienst Uitvoering Onderwijs Uren per week: 36,00 Standplaats: Groningen Max tarief: € 90,00 Startdatum inzet: 2-1-2023 Einddatum inzet: 1-1-2024 Wat doen we voor werk momenteel? Nieuwe applicaties: We bouwen nieuwe applicaties voor inwinnen B3/B4 scholen. Deze scholen kunnen inschrijvingen via een website aanleveren per keer of meerdere inschrijvingen via bestand. Deze inschrijvingen leggen we vast en ze kunnen ook beheerd worden. Moderniseren: Daarnaast hebben we zoals alle andere teams ook een flinke migratie voor de boeg om in de Cloud te landen. Eén applicatie (AVOID) hebben we al succesvol gemigreerd en deze draait bijna in PRD. De grootste uitdaging voor

Bekijk vacature »

Oracle APEX developer

Wat je gaat doen: Als Oracle APEX ontwikkelaar bij DPA werk je samen met collega’s aan de meest interessante opdrachten. Je zult je ervaring met SQL, PL/SQL, JavaScript, HTML en CSS inzetten om wensen van opdrachtgevers te vertalen naar technische oplossingen. Je werk is heel afwisselend, omdat DPA zich niet beperkt tot een specifieke branche. Zo ben je de ene keer bezig binnen de zorgsector, de andere keer is dit bij de overheid. Wat we vragen: Klinkt goed? Voor deze functie breng je het volgende mee: Je hebt een hbo- of universitaire opleiding afgerond Je hebt 2 tot 5 jaar

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

28/01/2023 15:10:40
 
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.