jQuery toggle animation

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior Python Developer vacature

Jij volgt ontwikkelingen op de voet. Sterker nog: je bent er onderdeel van. Jij loopt voorop. Jij denkt met klanten mee en helpt hen innoveren. Zo kun jij een bijdrage leveren aan de Rabobank-app, de beveiliging van treinen voor Pro-rail verbeteren of de website van ING een boost geven. Vergaderen? Liever gewoon zorgen dat het werkt! Hoe omschrijft men een Sogetist? Gedreven, resultaatgericht en niet snel tevreden. Wat niet wil zeggen dat je nooit met hem of haar kunt lachen. Integendeel. Plezier hoort wat ons betreft net zo goed bij werken. Maar we gaan op de eerste plaats voor de

Bekijk vacature »

(Junior) C#. NET Webdeveloper (.NET/C#/Eindhoven/4

As a C# .Net Developer you will be responsible for developing back-end and front-end features for 8 e-cpmmerce websites with about 500.000 visitors per month. You will work with latest Microsoft technology running on Microsoft Azure platform. You use such tools as jQuery, Bootstrap, BitBuckey/GIT, Angular JS, Visual Studio (2017/2019), Jira. You will be a part of ICT team (6 people) that works in a close cooperation with an on-line marketing department. The workflow is organized in accordance with Agile (SCRUM) methodologies. Requirements At least 1 year of experience in .NET developing Knowledge of ASP.NET MVC Knowledge of SQL 2012

Bekijk vacature »

SAP Fiori Developer / Junior / Internationaal / 1

Functieomschrijving Ga jij als SAP Fiori Developer aan de slag voor een internationaal bedrijf in Nederland met meer dan 1 miljoen klanten? Dit bedrijf heeft IT hoog in het vaandel staan en investeert er daarom fors in. Voor het SAP Fiori team binnen deze organisatie zijn zij dan ook op zoek naar een Junior SAP Fiori Developer Werken als SAP Fiori Developer binnen een multifunctioneel Scrum team; Het bouwen en beheren van nieuwe functionaliteiten en interfaces in SAP Fiori op basis van de door jou opgehaalde requirements; Naast het developen heb je ook veel contact met de business; Je zorgt

Bekijk vacature »

SAP S/4 DIGITAL EAM CONSULTANT (PM, CS, PS, FSM, A

SAP S/4 DIGITAL EAM CONSULTANT (PM, CS, PS, FSM, AIN) Utrecht Technology 13th month pay & Holiday allowance Bonus Program 26 holidays Training & Learning opportunities Laptop & Smartphone 32-40 hours p.w. As an SAP S/4 Digital EAM Consultant you will assess, design and deliver a full end-to-end digital experience to our asset intensive clients for Enterprise Asset Management processes. You will use your SAP S/4 experience to collaborate with our clients in advising and ultimately transforming them into the new SAP era of intelligent assets. You will align the client’s strategic vision for Operational Excellence with SAP S/4 EAM

Bekijk vacature »

Interne PHP developer functie met leaseauto!

Functieomschrijving Binnen dit bedrijf kom je terecht in een team van 5 developers. Het bedrijf telt in totaal 32 man. Het platform is voornamelijk van scratch opgebouwd aan de hand van Zend framework. Je zal voornamelijk allround werkzaamheden gaan verrichten en je bent de technische man met de ervaring die het team nu nodig heeft. Functie-eisen -Je hebt minimaal HBO werk en denkniveau -Je hebt minimaal 3 jaar werkervaring als PHP programmeur -Je hebt ervaring met object georiënteerd programmeren -Kennis van het ZEND framework is pré Bedrijfsomschrijving In Den Haag zoek ik voor onze klant naar een ervaren PHP programmeur

Bekijk vacature »

Senior Java Developer vacature

Jij volgt ontwikkelingen op de voet. Sterker nog: jij bent er onderdeel van. Jij loopt voorop. Jij denkt met klanten mee en helpt hen innoveren. Zo kun jij een bijdrage leveren aan de Rabobank-app, de beveiliging van treinen voor Pro-rail verbeteren of de website van ING een boost geven. Vergaderen? Liever gewoon zorgen dat het werkt! Hoe omschrijft men een Sogetist? Gedreven, resultaatgericht en niet snel tevreden. Wat niet wil zeggen dat je nooit met hem of haar kunt lachen. Integendeel. Plezier hoort wat ons betreft net zo goed bij werken. Maar we gaan op de eerste plaats voor de

Bekijk vacature »

Klantenservice ICT (mag starter zijn)

Lijkt het je leuk om mensen te helpen met de meest uiteenlopende ict-vraagstukken, maar ontbreekt het je aan opleiding / ervaring? Dan is dit een prachtige kans om in dit vak te groeien! Uiteraard mogen ervaren kandidaten ook reageren!! Medewerker Klantenservice ICT (evt. starter) Als Medewerker Klantenservice beantwoord je per mail of telefoon de meest uiteenlopende ICT-gerelateerde vragen. Je bent daarvoor dus niet alleen aan het luisteren, maar ook gericht aan het doorvragen. Jouw doel is om snel tot de kern van het probleem te komen en te bekijken of jij dit voor ze kunt oplossen of dat je ze

Bekijk vacature »

.NET Developer Zorg-ICT

Complexe software ontwikkelen: dat is jouw ding! Voor onze vestiging in Hoogeveen zoeken wij fanatieke junior en senior .NET Developers die met de laatste Microsoft-tools en -technieken willen werken. Jij bent gemotiveerd en draagt graag verantwoordelijkheid voor je 'eigen' software, die wordt ingezet in ziekenhuizen door heel Nederland. Jouw baan Je bent verantwoordelijk voor het ontwerpen, ontwikkelen, ondersteunen en onderhouden van jouw eigen module. Dit gaat om complexe ICT-producten die feilloos moeten functioneren binnen de complexe omgeving van een zorgorganisatie. Je werkt zelfstandig of in een klein team. ChipSoft maakt gebruik van een zelf ontwikkeld multi tier framework. Tijdens een

Bekijk vacature »

Java Developer / Java 8 / Angular / Docker / Autom

Functieomschrijving Wil jij als Java Developer aan de slag bij een internationaal bedrijf die cutting edge applicaties ontwikkeld voor de automotive branche? Ga je graag aan de slag met technieken als Java 8, Java EE7, Docker, Angular en wil je graag direct een lease auto krijgen? Lees dan snel verder! Ontwikkelen van cutting edge applicaties met o.a. Java 8, Java EE7, Angular en Docker; Verantwoordelijk vanaf het in kaart brengen van requirements tot de daadwerkelijke technische oplossing; Meedenken over architectuur; Assisteren van technische implementaties bij klanten; Overleggen met analisten, testers, architecten en consultants. Functie-eisen Minstens 2 jaar ervaring als Java

Bekijk vacature »

Full Stack Software Developer in Delft

Full Stack Software Developer in Delft (BSc. MSc. Computer Science,HTML, CSS Javascript, SOLID principles, Area Delft) Intro For one of our top clients in Delft are, we are looking for Full Stack Software Developers. Our client is developing state-of-the-art monitoring software applications to decode and ingest technical sensor data. This software is also used to process and visualize information inside the data and work 24/7. Organisation Our client, an international company, is looking for a Full Stack Software Developer with a great passion for technique. The company is a multinational with different offices throughout the world. Within our software department

Bekijk vacature »

Full-stack Java Developer/ Web development/ 4.000

Functieomschrijving Ben jij een full-stack java developer die graag een cruciaal platform (door) ontwikkelt? Schroom jij het niet om jouw brede skillset in te zetten om verbeterslagen aan te dragen en uit te voeren? Lees dan snel verder! Bouwen van nieuwe functionaliteiten; Door ontwikkelen van de online omgeving; Bug fixing; Testen van (jouw) code, handmatig-, unit-, integratie- en browser tests. Functie-eisen Minimaal een MBO-diploma met HBO werk- en denkniveau; Minimaal 1 jaar werkervaring met Java; Kennis van frameworks zoals: Spring (MVC), Struts, Hibernate, Junit, etc.; Kennis van tooling zoals: IntelliJ, GIT, Jenkins, Gradle; Kennis van front-end technieken zoals: JavaScript, Bootstrap

Bekijk vacature »

CMS Developer / Sitecore / C# / DevOps

Functieomschrijving Ben jij een Developer met kennis van C# / .NET en wil jij je graag specialiseren op het gebied van Sitecore? Doe jij dit het liefst binnen een gerenommeerde organisatie in de zorg? Dan is dit dé uitdaging voor jou! Binnen deze rol zal jij je als C# / .NET Developer (met de focus op Sitecore) gaan richten op het ontwikkelen van webapplicaties, platformen en portalen middels o.a. C#, Azure en Microservices die door duizenden mensen gebruikt worden? Reageer dan nu! Het ontwikkelen van webapplicaties, platformen en portalen middels o.a. C#, Sitecore, Azure en Microservices; Het leveren van jouw

Bekijk vacature »

Senior DevOps Network Security Engineer

Are you a passionate Network Security Engineer, with a DevOps mind-set who wants to make the difference in a high-tech environment? Do you thrive in an autonomous cross-functional team? Then you may be interested in the position of: Senior DevOps Network Security Engineer for our office in Zoeterwoude About the position: As a Senior DevOps Network Security Engineer, you will be joining a dynamic team of IT professionals who set out to develop, deliver and operate a secure infrastructure for our internal and external customers. SWIFT is embracing agile and DevOps practices as a way to deliver upon the company’s

Bekijk vacature »

Technisch Ontwerper / Applicatieontwikkelaar max.

ICT Professional Event De komende maanden organiseert CIMSOLUTIONS op diverse locaties in Nederland het ICT Professional Event. Tijdens deze avond kun je naast een hapje en een drankje onze sfeer komen proeven. Maak kennis met CIMSOLUTIONS, onze collega’s en beleef de ervaringen van onze ICT specialisten én de projecten waar zij het verschil maken. Data en locaties Donderdag 27 februari – Groningen Woensdag 4 maart – Best Woensdag 18 maart – Maastricht Donderdag 19 maart – Rotterdam Woensdag 15 april – Deventer Woensdag 27 mei – Amsterdam Woensdag 27 mei – Vianen Kijk voor meer informatie en/of aanmelden op: https://www.cimsolutions.nl/ict-professional-event

Bekijk vacature »

1st Level Service Desk Benelux

Samen ondernemen, welkom bij Henry Schein Dental BV. is onderdeel van het Amerikaanse Henry Schein, Inc. (NASDAQ: HSIC). De Henry Schein-groep richt zich voornamelijk op het aanbieden van producten en services aan praktijk houdende medici in 3 sectoren: Medical, Animal Health en Dental. Henry Schein heeft wereldwijd meer dan 22.000 medewerkers, vestigingen in 33 landen en biedt haar producten in meer dan 128 verschillende landen aan. Henry Schein Dental B.V. vertegenwoordigt als groothandel alle gerenommeerde merken in de tandheelkundige markt en is daarbij marktleider. Binnen de organisatie is de IT afdeling verantwoordelijk voor een maximale beschikbaarheid van alle bedrijfsproces ondersteunende

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/02/2020 05:50:49
 
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.