jQuery toggle animation

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Medior PHP Backend Developer / Microservices / Sym

Organisatie Dit bedrijf is sinds 2005 actief en is uitgegroeid van een zolderkameronderneming tot een bedrijf met een omzet van 18 miljoen per jaar en ze groeien nog steeds hard door! Inmiddels zijn er 80 mensen per dag werkzaam om er voor te zorgen dat alles in goede banen wordt geleid. Dit bedrijf richt zich volledig op de “fast moving consumer” market en is constant bezig om hier ook in te blijven innoveren. Dankzij deze strategie zijn zij de marktleider op dit gebied met grote klanten als “Procter & Gamble”. Naast werk is er natuurlijk ook plezier. Zo hebben ze

Bekijk vacature »

Jr./Med. Full-stack .NET Developer

Organisatie Ik heb hier een hele interessante mogelijkheid bij een snel groeiend bedrijf. Hoe ik dat weet? 3 jaar geleden waren ze nog maar met 25 personen. Nu gaan ze al richting de 55! Dat zegt natuurlijk wel wat. Ze hebben een goed product. Goed bedacht, erg goede uitvoering! Hun hele bedrijfsvoering is erop gericht om écht goede software te maken. Dit wordt gerealiseerd door een grote IT-afdeling, van bijna 20 personen. Dat betekent dat je veel slimme programmeurs om je heen hebt met wie je dagelijks kan sparren. Dit typeert dan ook de platte organisatiestructuur waarbij iedereen nagenoeg evenveel

Bekijk vacature »

Hart voor zorg? Medior Java developer opgelet!

Vacature Omschrijving Met je hoofd in de ICT en je hart bij de zorg! De volgende relatie ontwikkelt en beheert zorgsystemen voor de geïntegreerde eerstelijns zorg. De relatie omschrijft zichzelf als een organisatie met een uitgesproken visie én aanpak op continue vernieuwing met de focus op groei. Zij zoeken dan ook developers die dezelfde visie als hun hebben. Functieomschrijving Als Medior Java Developer ga je werken in een Scrum team van gedreven Analisten, Ontwikkelaars, Testers & Data specialisten. Je ontwerpt, ontwikkelt, test en documenteert je eigen oplossingen en tevens ben je de sparringpartner in het totale team. Functie-eisen HBO werk-

Bekijk vacature »

Innovatieve senior PHP developer

Organisatie In hartje Delft staat een mooi kantoorpand waar hard gewerkt wordt om een groeiend platform internationaal uit te breiden. Op dit moment is dit bedrijf actief in Nederland, België, Spanje en UK. Zij bestaan nog niet zo vreselijk lang maar dit project staat intern bekend als innovatief en baanbrekend, er is weinig concurrentie in de markt en weten zichzelf te onderscheiden doordat ze een breed aanbod hebben. De organisatie bestaat uit 20 medewerkers. Het Ontwikkel team bestaat op dit moment uit 2 ontwikkelaars en een product Owner. Vanuit het team is er veel vertrouwen in de groei van het

Bekijk vacature »

Senior PHP developer

Heb jij het gevoel dat je uitgeleerd bent binnen de organisatie? Dat je het glazen plafond bereikt hebt of dat je niet genoeg verschil kunt maken binnen de organisatie? Denk jij dat je genoeg PHP (OOP/MVC) ervaring hebt opgedaan en daarnaast de leiding kan nemen over een product dat gebruikt wordt door A merken? Lijkt jou het leuk om met niet alleen maar techneuten samen te zitten maar ook te schakelen met de marketing, sales en support? LEES SNEL VERDER! Organisatie Op een van de vetste locaties in Delft is deze organisatie gevestigd. Je komt binnen in een groot glazen

Bekijk vacature »

Starter/Junior .NET Developer in een project gedre

Ben jij een programmeur die houdt van afwisseling? Heb jij inmiddels wel genoeg aan hetzelfde moeten werken? Non-stop dezelfde technieken, onderhoud en bug fixing? Wil jij juist werken met de laatste technieken, afwisselende werkzaamheden en nieuwe projecten? Wil jij graag zoveel mogelijk leren van het hele .NET spectrum en op dit punt in je carrière je kennis verbreden in plaats van verdiepen op een aspect? En dit allemaal in een in-house functie met een vast team en veel senioriteit om je heen om van te leren? Dan ben je gegarandeerd geïnteresseerd in deze uitdaging. Lees dus snel verder! Organisatie Deze

Bekijk vacature »

Lead Developer

Discipline Information Technology Location Utrecht (NL) Hours a week 40 We are looking for a lead developer vidaXL is looking for a lead developer. You will be working in a fast-paced, open source-based environment using agile methods. You are a key figure in creating enterprise applications. Our sales channels and offices locations are based in the Netherlands, Romania, US East and West Coast, China and Australia, this 24/7 operation requires rock-solid software. Your colleagues are located in Shanghai, Bucharest, Venlo and Utrecht. We are continuously looking for ways to improve our development methodologies and architecture and we welcome fresh ideas

Bekijk vacature »

Medior PHP developer gezocht / Randstad Zuid Holla

Wie zijn wij? Wij zijn PHP Bastards, een groep van ervaren en zeer technische developers/ondernemers bij elkaar die het belangrijk vinden om volledig onszelf te kunnen zijn en ons eigen pad te kunnen kiezen. Wij kiezen er bewust voor om onze keuzes op ons gevoel en eigen geluk te baseren en niet op wat ons wordt opgelegd. Daarom denken wij mee met jou, en niet andersom! Jouw carrière is onze prioriteit. Bij PHP Bastards staan jouw wensen, eisen, groei ambities en persoonlijke doelen, boven aan onze prioriteitenlijst. Je krijgt de kans om bij grote namen aan de slag te gaan

Bekijk vacature »

Junior, medior of senior .NET C# ontwikkelaar, com

Ben je als junior, medior of senior .NET ontwikkelaar op zoek naar een analytische omgeving? Waar hoogopgeleiden en ervaren collega’s jouw kennis naar een hoger niveau kunnen tillen? Waar je met een leuk team samen aan innovatieve producten werkt? Dan zou de deze organisatie wel eens goed bij je kunnen passen. Voor een organisatie in Delft zoeken we momenteel een junior, medior of senior .NET C# ontwikkelaar. De organisatie richt zich zowel op websites als complexe maatwerk applicaties voor externe klanten. Tevens moet je (afhankelijk van je niveau) mee kunnen denken met functionele en architectonische vraagstukken. De projecten kunnen erg

Bekijk vacature »

PHP & GoLang developer / Maatschappelijk belan

Houd jij je graag bezig met het ontwikkelen van software met de nieuwste technologieën (Go, Polymer, Docker, Kubernetes)? Vind je het leuk om samen met je team van gedreven developers te werken aan innovatieve concepten die daadwerkelijk impact hebben op de maatschappij? Dan ben ik op zoek naar jou. Deze platte en snelgroeiende organisatie heeft een passie voor het ontwikkelen van vernieuwende software. Dit doen zij samen met hun team van ca. 15 gedreven developers voor innovatieve start-ups, grote gemeenten en een series aan eigen projecten. Vanwege de toenemende groei aan projecten, zijn zij op zoek naar versterking in hun

Bekijk vacature »

Medior Front-End developer die de lijnen gaat uitz

Vacature Omschrijving De webwinkel heeft maandelijks 550.000 unieke bezoekers. Sinds 2008 worden ze keer op keer verkozen tot ‘Beste Webwinkel’ in de categorie ‘Computer, hard- & software’ bij de Nationale Thuiswinkel Awards en de Webshop Awards. Daarnaast hebben ze dit jaar, net als in 2010, de overall publieksprijs ‘Beste Webwinkel van Nederland’ in ontvangst mogen nemen. Een bedrijf dat altijd voor het hoogst haalbare gaat. Ze zijn een bedrijf met veel jonge en ambitieuze medewerkers en een bijzondere bedrijfscultuur. Ons team van meer dan 200 mensen werkt hard om onze leidende positie te behouden en te verstevigen. We werken vanaf

Bekijk vacature »

Werken in een van de grootste webshop/ kleding pla

Vacature Omschrijving Onze klant is een software ontwikkeling bedrijf gespecialiseerd in het bouwen van web applicaties en websites en verleent haar diensten vanuit het prachtige Noord-Brabant. Het bedrijf bestaat inmiddels alweer 14 jaar en ze hebben 7 jaar geleden de doorgroei gemaakt naar de grootste webshop. Inmiddels worden er via deze webshop meer dan 750.000 outlet (kleding) artikelen verhandeld en zijn zij landelijk gezien nu de grootste webshop/kleding platform. Er heerst een platte organisatie structuur en beide bedrijven werken vanuit 1 organisatie. 2 jaar geleden is er nog een derde partij aan toegevoegd en deze frisse en gezonde onderneming groeit

Bekijk vacature »

.NET/ C# programmeur met de sleutel tot innovatiev

Vacature Omschrijving Deze organisatie is in Nederland uniek. Hier ontwerpen ze namelijk niet alleen uitdagende architectuur, maar bouwen ze het ook. Dit betekent dus dat projecten van ontwerp tot realisatie, volledig in eigen beheer worden uitgevoerd. De drie afdelingen van deze organisatie zorgen er gezamenlijk voor dat elk project succesvol wordt afgerond. Tussen de afdelingen is dan ook een sterke wisselwerking, waarin de sleutel ligt tot innovatieve en betrouwbare resultaten. Door de huidige groei van de organisatie zijn ze nu dringend op zoek naar een enthousiaste .NET/ C# programmeur. Functieomschrijving Als .NET/ C# programmeur kom je in een klein team

Bekijk vacature »

PHP developer

Organisatie Bij binnenkomst kom je in een open ruime frisse werkplek terecht waar een hele relaxte en ontspannen sfeer hangt. Tijdens mijn kennismaking steekt de Directeur zijn handen uit de mouwen en is alvast de tafel aan het dekken voor de gezamenlijke lunch. Één team één taak en dat is innovatieve producten maken uit eigen initiatief maar ook in opdracht van klanten. Als PHP Developer ga je aan 3 projecten werken (ongeveer) Soms ben je in afwachting van feedback van de klant en ga je verder met een van de andere 2 projecten waar je op dat moment mee bezig

Bekijk vacature »

PHP Developer

Organisatie Deze jonge organisatie timmert nu al een tijdje aan de weg en is in een korte tijd gegroeid tot 10 medewerkers. Ze zijn nu hard op zoek naar een uitbreiding van het development team waarin nu zo’n 5 ontwikkelaars actief zijn. Dus wat doen ze nou precies? Dit bedrijf heeft een specialisme ontwikkeld in een bepaalde niché binnen de commerciële sector. Hierin willen zij door middel van een high tech oplossing zorgen voor automatisering op grote schaal. Ze zijn gevestigd in de omgeving van Amsterdam in een gezellig pand. Binnen het kleine team heerst een gezellige, informele sfeer en

Bekijk vacature »
Robin S

Robin S

28/08/2012 21:31:12
Quote Anchor link
Beste leden,

Ik ben net begonnen met jQuery, en probeer nu een kleine site ermee te bouwen.
De bedoeling is om 4 main afbeeldingen te hebben die als navigatie dienen.
Als je een afbeelding aanklikt dan "toggle" ik een divje met inhoud.

Hier gaat het dus gelijk fout, de toggle animation bugt.
De animatie start eerst boven
aan het scherm, en springt daarna pas naar de goede positie toe, zie voorbeeldje:
http://rcsdesign.nl/amx/dca/index.html

Iemand enig idee hoe dit te fixen is?

Alvast bedankt!

Robin.
 
PHP hulp

PHP hulp

23/08/2019 20:50:27
 
Reshad F

Reshad F

28/08/2012 21:41:52
Quote Anchor link
zonder code komen we niet verder.. misschien wat code? en ik vermoed dat het vanwege een css gerelateerd iets is...
 
Robin S

Robin S

28/08/2012 21:45:26
Quote Anchor link
Stukje jQuery code die ik gebruik:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
$(function()
{
  $("#open_founder, #close_founder").click(function()
  {
    $("#content_founder").toggle("clip");
  });
});


En de css die bij de betreffende div hoort:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
#content div {
  color: #FFF;
  border-radius: 7px;
  width: 830px;
  height: 270px;
  background-color: #ff9900;
  margin: auto;
  left:0; right:0;
  top:-30px; bottom:0;
  position: absolute;
  display: none;
}


En geen idee of dit van toepassing is, maar de html van de div:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
<div id="content">
  <div id="content_founder">
    Text text text
    <br /><br />
    <a href="#" id="close_founder">Close!</a>
  </div>
</div>
 
John Berg

John Berg

28/08/2012 21:48:53
Quote Anchor link
Probeer als effect eens fold i.p.v. clip

Clip begint i.d.d. onderaan, een raar effect eigenlijk
Gewijzigd op 28/08/2012 21:50:18 door John Berg
 
Reshad F

Reshad F

28/08/2012 21:54:43
Quote Anchor link
hmm je css is heel vaag.. die left en right dat is 2 regels extra werk.. waarom niet margin: 0 auto; gebruik het onderstaande stukje en dan nog even positioneren..

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
#content div {
  color: #FFF;
  border-radius: 7px;
  width: 830px;
  height: 270px;
  background-color: #ff9900;
  margin: 0 auto;
  left:0; right:0;
  bottom:180px;
  position: absolute;
  display: none;
}
 
Robin S

Robin S

28/08/2012 21:56:58
Quote Anchor link
@Reshad:
Bedankt voor het helpen, maar met jouw code word de div dus op 180px vast vanaf de onderkant geplaatst. Ik wil dus dat de div verticaal gecentreerd wordt. Is dat met deze code ook mogelijk?

@John:
Nee helaas, dit probleem geldt voor alle effecten.
Gewijzigd op 28/08/2012 21:57:30 door Robin S
 
Reshad F

Reshad F

28/08/2012 22:02:07
Quote Anchor link
hmm als je het vertical gestyled wilt hebben zou je het toch iets anders moeten oplossen zo makkelijk is dat namelijk niet..

kijk eens naar dit stukje bijvoorbeeld

http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
 
Write Down

Write Down

28/08/2012 23:18:09
Quote Anchor link
Komt dit vreemd effect ook niet omdat je een nieuwe div, nl. content_founder gebruikt? Ik vermoed dus dat je of moet 'prutsen' met je opmaak of met de positie van je divs.
 
Kris Peeters

Kris Peeters

29/08/2012 15:15:57
Quote Anchor link
Dit helpt (EDIT: blijkbaar nog problemen in IE opgelost):
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
$(function() {// run after page loads
  var content_founder = $("#content_founder");
  $("#open_founder, #close_founder").click(function() {
    content_founder.css({
      top: ($(window).height() / 2 - 270 / 2),
      left: ($(window).width() / 2 - 830 / 2)
    })
    .toggle("clip");
  });
});


Een beetje quick & dirty ... een paar css-waarden hard coded overgenomen. Zie dat die 270 en 830 blijven overeenkomen met de waarden in style.css
Gewijzigd op 29/08/2012 15:34:48 door Kris Peeters
 



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.