jQuery toggle animation

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

PHP ontwikkelaar

Bouw jij graag nuttige software voor de zorg die grote impact heeft binnen de Nederlandse maatschappij? Voor onze klant zijn we op zoek naar een medior PHP developer die mee wil werken aan het ontwikkelen van websites en tools voor klanten in de zorg, denk daarbij aan zorgportalen en apps. De organisatie is een middelgroot innovatief bedrijf en ontwikkelt al meer dan tien jaar innovatieve tools voor de zorgsector. Het bedrijf wordt gekenmerkt door een collegiale werksfeer en gedrevenheid. Als ontwikkelaar ben je verantwoordelijk voor het ontwikkelen van hun tools en websites voor de zorg. Je bent in staat om

Bekijk vacature »

Junior .NET programmeur

Organisatie Wil jij met jouw .NET-skills een bijdrage leveren aan de wetenschap? Wil jij echt innoverend werk verzetten en systemen en applicaties ontwikkelen die nog niet bestaan? En dat allemaal in een leuk team met nog leukere projecten? Reageer dan snel! Deze organisatie in centrum Rotterdam is een echte innovator. Ze werken aan gave projecten die een maatschappelijk belang dienen en een bijdrage leveren aan het welzijn van de maatschappij als geheel. Er werken nu in totaal zo’n 10 mensen die allen affiniteit hebben met de wetenschap en daar vinden dan ook geregeld discussies over plaats op de werkvloer. Het

Bekijk vacature »

Java Developer / Java EE frameworks / Inhouse (Clo

Functieomschrijving Ben jij een Java Developer met een zeer uitgebreide kennis van REST API's en wil jij graag werken aan uitdagende Inhouse projecten voor grote en bekende partijen in Nederland? Dan is dit de rol waarnaar jij op zoek bent! Binnen deze rol zal jij je als Java Developer aan de slag gaan voor een van de meest bekende bureaus op het gebied online platformen, een rol met veel afwisseling en voldoende technische uitdaging! Werken aan diverse en uiteenlopende projecten, waarbij je meer dan eens pionierswerk zal moeten verrichten; De mogelijkheden tot het toepassen van nieuwe technieken bespreken, beoordelen en

Bekijk vacature »

Medior PHP Developer

Organisatie Dit bedrijf is in 2005 gestart in 12 jaar uitgegroeid tot een organisatie met nu 45 medewerkers. De oprichters van dit bedrijf zijn begonnen als creatieve reclamemakers en hebben nu een speciaal platform voor hun klanten gebouwd. Dit platform zorgt er voor dat alle marketing en reclame doeleinden vanuit 1 portaal worden geregeled. De klanten waar dit bedrijf voor werkt varieert sterk. Zo zijn het midden klein bedrijven maar bijvoorbeeld ook de landelijke hoofdkantoren van bekende internationale merken. Binnen het sfeer hangt een goede work-hard play hard sfeer. Wanneer het harde werken is afgerond is er ook zeker tijd

Bekijk vacature »

Lead .NET Developer bij Keeyns

Keeyns BV (Organisatie) Direct bij binnenkomst word je gegroet door de vrolijke baliemedewerkster. Jij loopt door de open gangen naar de ontwikkelaarsruimte. Hier staat de dampende koffie op je bureau al op jou te wachten. Je bent iets vroeger aangekomen, dus jij begroet de rest van jouw team bij binnenkomst. Jullie zijn namelijk écht een hechte club! Als losse start-up binnen de grote moederorganisatie waar jullie deel van uit maken, zien jullie jezelf ook als innovators en disruptors (denk Billy Beane in Moneyball). Iedere dag zijn jullie als team bezig om grote veranderingen door te voeren binnen de financiële branche!

Bekijk vacature »

Als .NET developer software voor digitale dienstve

Vacature Omschrijving Deze fraaie partij levert sinds 1998 software voor digitale dienstverlening. Van digitale formulieren tot procesoptimalisatie en van zaakgericht werken tot kennismanagement. De missie is om iedereen in staat te stellen kennis en processen, ongeacht complexiteit, snel en eenvoudig te automatiseren. Dit is hoe zij er alles aan doen om het verschil te maken in IT-beleving. De oplossingen maken het inrichten van complexe in- en externe processen eenvoudiger. Ze brengen de kwaliteit van dienstverlening naar een hoger niveau zonder ingewikkelde techniek. De drive en expertise binnen deze groeiende werkgever spreken voor zich en hier zijn ze trots op: ze

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 »

Senior PHP Developer BDD Zorg

Functieomschrijving Ben jij een PHP Developer die out of the box denkt? Zoek jij naar de mogelijke als naar de onmogelijke oplossingen? Werk jij graag met kritische vraagstukken dat mensenlevens kan redden of kosten? Reageer nu en kom alles te weten! Ben jij iemand die energie krijgt van het ontwikkelen van een complexe PHP objectgeoriënteerde platform; Denken jij graag mee over de architectuur; Geeft een mooie schone code jou energie en doe jij er alles aan dat dit zo blijft; Vind jij het net zo belangrijk dat de huidige software goed onderhouden wordt; Denk jij graag out of the box;

Bekijk vacature »

Scrum Master

For an accomplished Scrum Master, we have the perfect opportunity. Bring us your skills for mentoring and facilitation, and we’ll give you every chance to grow your talent and stretch your technical and professional skills. Where you fit We’re seeking a Scrum Master to support a dynamic new development team, joining one of our exciting new innovation hubs at Shell. This is a role where you’ll be actively encouraged to take pride in doing things differently – to take a unique approach of balancing human-centred and digital design with an agile technology capability in order to tackle complex problems in

Bekijk vacature »

Solution Architect

Sopra Steria is looking for a “Solution Architect” in order to reinforce its presales and project teams in the design of global IT solutions. Your Mission: As a Solution Architect, you act as part of a presales team or a project team translating business and IT requirements into solution architecture designs for large or medium scale systems using your knowledge of the current technologies and integrating existing products and new developments. You document and estimate your solution architecture designs and communicate them to our customers and other stakeholders. You ensure that solutions fit with the existing standards, capabilities and technology

Bekijk vacature »

.NET developer / C# / Webservices

Functieomschrijving Wil jij als .NET Developer bij deze organisatie in Tilburg als kartrekker in een Scrum team fungeren en je helemaal uitleven in de backend met C#? Krijg jij een grotere kick van high-security en high-availability .NET backend oplossingen dan van een gelikte frontend? Dan past deze functie jou perfect! Programmeren van high-availability en high-security applicaties in C#; Samen met je teamgenoten nieuwe applicaties/diensten ontwikkelen in .NET; Overleggen met de informatie analisten en testers; Ontwikkelen van webservices (WCF); 20% van je tijd besteden aan innovatie; Deelnemen aan projecten om nieuwe ketenpartijen toe te voegen; Bouwen van unit testen. Functie-eisen Beschikt

Bekijk vacature »

Java developer interne positie

Functieomschrijving Deze java developer functie is een hele mooie functie voor developers die van afwisseling houden, maar niet van reizen! Je komt in een van development teams te werken die Agile werken en je hebt naast goed contact met je collega's ook veel contact met je klanten. Zo krijg je directe feedback van klanten over je werk en dat werkt wel zo fijn. Er wordt gewerkt met CI en CD, met AWS cloud, Rest Api's, Docker. En nog veel meer! Functie-eisen - Je hebt een afgeronde HBO Informatica - Je hebt ervaring met Java, en AWS, Jira, Maven, Api's, Unit

Bekijk vacature »

.Net Developer

WHY SITA… About SITA Welcome to SITA... We lead one of the most exciting and advanced industries on earth. Around the world, nearly every passenger flight relies on SITA technology, almost every airport and airline does business with us, and it’s our job to support their operations. As the world's leading air transport IT and communications specialist, we’re committed to meeting the demands of the air transport industry around the clock, every day. Our Vision is: ‘Easy air travel every step of the way’ Why should you be interested? We offer challenge: our people take on some of the biggest

Bekijk vacature »

Inhouse Java developer voor (internationale) proje

Vacature Omschrijving De volgende relatie werkt vanuit Amsterdam & Rotterdam aan gevoelige projecten voor grote klanten binnen en buiten Nederland. Voor hun is het dan ook erg belangrijk een veilig en vertrouwd product te leveren. Hiermee spelen zij in op de attitude van de werknemers, de mensen binnen hun bedrijf willen zichzelf steeds blijven ontwikkelen door erkende certificering te behalen van technieken waarmee ze ook direct aan de slag gaan. Functieomschrijving Je werkt binnen een hechte team dat bestaat uit developers/QA testers/ tussen de 15 en 20 man groot, afhankelijk van kantoor. Iedereen heeft verschillende expertises en samen brengen jullie

Bekijk vacature »

PHP developer gezocht voor detacheerclub

PHP detachering bij startups tot multinationals, opleidingsbudget, auto van de zaak! Ben jij een ervaren PHP developer die niet alleen technisch onderlegt is maar ook weet hoe je klanten aan je kan binden? Als je graag met de meest innovatieve technieken wilt werken en een uitstekend salaris, leaseauto, goede laptop wilt en daarbij ook nog eens bij de gaafste klanten wilt werken, spreek ik je graag! Veel detachering organisaties denken vanuit uit belang van hun klanten en kijken welke consultants daar goed op passen. Wat deze organisatie onderscheid is dat ze met jou gaan kijken waar je goed in bent,

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

21/09/2019 16:11:22
 
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.