jQuery toggle animation

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

IT-traineeship tot Java programmeur in regio Zuid-

Wat ga je doen? Dit traineeship start op 18 november in de regio Utrecht, Noord- en Zuid-Holland. Wees er snel bij, want we hebben slechts enkele plekken beschikbaar. Wil je liever een ander IT-traineeship volgen? Dan kunnen wij samen kijken naar de mogelijkheden. Klik dan hier welke traineeships wij binnen de IT aanbieden. IT-traineeships bij YoungCapital NEXT YoungCapital NEXT biedt een tweejarig IT-traineeship aan waarbij je wordt opgeleid tot een gecertificeerd junior Java programmeur mét praktijkervaring. Je start met een fulltime opleiding van zeven weken, die wordt gegeven door ervaren programmeurs uit de praktijk. Onderwerpen die worden behandeld zijn o.a.

Bekijk vacature »

Senior Microsoft Dynamics Developer

Jouw uitdaging: Ben jij sterk in het succesvol ontwikkelen van maatwerk componenten op het Dynamics platform? En wil je actief meewerken aan de ontwikkeling van ons Digital Customer Experience portfolio? Dan is dit iets voor jou! Voor de Digital Customer Experience afdeling (DCX) zijn we op zoek naar een Senior Microsoft Dynamics Developer. In deze functie ben je verantwoordelijk voor de succesvolle ontwikkelen van maatwerk componenten op het Dynamics platform bij toonaangevende organisaties. Denk daarbij aan het realiseren van integratie met front en backoffice systemen op basis van Azure PaaS of het ontwikkelen van complexe plug-ins. Daarnaast werk je actief

Bekijk vacature »

Senior C# /.NET Developer / Software Engineer / Al

Functieomschrijving Ben jij een medior/senior C#/.NET developer? Wil jij werken met de nieuwste technieken en zelfgebouwde features binnen een dag releasen? Solliciteer dan nu! 60% van de tijd ben je verantwoordelijk voor het ontwikkelen van de software; 30% van de tijd ben je verantwoordelijk voor het verbeteren van de software; 10% van de tijd ben je verantwoordelijk voor bugfixing; Opstellen van complexe queries in SQL; Werken in een DevOps team en Agile-omgeving. Functie-eisen HBO/WO werk- en denkniveau; 3-5 jaar ervaring met C#; Minimaal 2 jaar ervaring met het schrijven van queries in SQL; Ervaring met Azure; Het kunnen begeleiden en

Bekijk vacature »

Back end Progress/OpenEdge Developer

Hi-Systems in Oosterhout is op zoek naar Back-end Progress/OpenEdge developer die energie krijgt van het (door)ontwikkelen en onderhouden van software. Heb jij ook de ambitie om te werken met de meest toekomstbestendige en innovatieve softwareoplossingen binnen medicatiemanagement? Dat doen wij voor zorgorganisaties, maar vooral voor de patiënt! Doe jij mee?! Hi-Systems in Oosterhout HI-Systems maakt onderdeel uit van PharmaPartners B.V. Je komt bij HI-Systems in Oosterhout te werken in een team dat verantwoordelijk is voor de ontwikkeling van producten voor de tweedelijns zorg (ziekenhuizen en instellingen). Het zijn oplossingen voor medicijnzorg en voor o.a. apotheken. Binnen dit team werk je

Bekijk vacature »

Java Custom Software Developer

Jouw rol Als Java developer houd jij van uitdagende maatwerk oplossingen. Het liefste bouw je aan aan complexe en grootschalige oplossingen. Laatst zag je bijvoorbeeld nog een slimme oplossing voorbij komen die je graag zou willen uitwerken. Moet je daarvoor nieuwe technologie leren kennen, dan school jij jezelf bij. Soms moet je je collega's en de klant overtuigen om jouw idee te omarmen. Als jij dan het door jou aangebrachte idee ziet draaien dan kijk jij er alweer naar uit om de volgende oplossing te bouwen. Plaats in de organisatie Binnen onze Custom Software Development practice (CSD) werken we gezamenlijk

Bekijk vacature »

.NET Developer / Innovatieve software / Virtual Re

Functieomschrijving Als .Net developer werken aan innovatieve software waar onder andere gebruik gemaakt wordt van Virtual Reality? Bijdragen aan een organisatie waar je uitgedaagd wordt om continu verbeteringen en ontwikkelpunten te ontdekken en door te voeren? Werken in de omgeving Putten? Reageer dan nu voor meer informatie! Het pro-actief aandragen van verbeteringen voor de bestaande applicatie; Ontwikkelen van nieuwe functionaliteiten; Doorvoeren van aanpassingen en wijzigingen; Verantwoordelijk voor koppelingen met andere systemen; Op de hoogte blijven van technische ontwikkelingen. Functie-eisen Hbo werk- en denkniveau; Een afgeronde IT gerelateerde opleiding; Minimaal 1 jaar professionele ervaring als developer; Aantoonbare kennis van C#; Initiatiefrijke

Bekijk vacature »

Oracle Consultants/Ontwikkelaars gezocht!

Functieomschrijving Mijn klant zoekt ter uitbreiding Oracle consultants/ontwikkelaars. Binnen deze functie word je ingezet op uitdagende complexe Oracle vraagstukken bij diverse klanten. De klanten variëren van kleine bedrijven binnen niche markten alsmede multinationals. Door je technische kennis ben je in staat de klant binnen de juiste behoefte te voorzien. Je bent veelvuldig bezig met PL/SQL code in combinatie met nieuwe technieken zoals APEX of Oracle in combinatie met Java. Kortom een zeer veelzijdige functie met erg veel technische uitdagingen! Functie-eisen - Je hebt minimaal een afgeronde HBO opleiding (voorkeur richting IT); - Je hebt minimaal 3 jaar werkervaring met PL/SQL;

Bekijk vacature »

Senior Android Developer vacature

Je bent creatief. Je wilt verschil maken. Je gaat voor mobile. Voor het bedenken, ontwerpen en realiseren van sterke mobile-apps mag men jou ’s nachts wakker maken. Jij weet hoe je Android-apps met impact ontwikkelt en levert ze op tijd af. Of het nu gaat om betalen met een vingerafdruk, het delen van de bar-rekening of het mobiel aanpassen van de (sfeer-)verlichting in huis, jij weet welke integrale functionaliteiten toegevoegde waarde hebben voor de eindgebruiker. Jij zorgt er bovendien voor dat jouw apps het toonbeeld zijn van gebruikersvriendelijkheid en veiligheid. Omdat je breed georiënteerd bent, kun je ook prima buiten

Bekijk vacature »

Java Custom Software Developer

Jouw rol Als Java developer houd jij van uitdagende maatwerk oplossingen. Het liefste bouw je aan aan complexe en grootschalige oplossingen. Laatst zag je bijvoorbeeld nog een slimme oplossing voorbij komen die je graag zou willen uitwerken. Moet je daarvoor nieuwe technologie leren kennen, dan school jij jezelf bij. Soms moet je je collega's en de klant overtuigen om jouw idee te omarmen. Als jij dan het door jou aangebrachte idee ziet draaien dan kijk jij er alweer naar uit om de volgende oplossing te bouwen. Plaats in de organisatie Binnen onze Custom Software Development practice (CSD) werken we gezamenlijk

Bekijk vacature »

Informatie Analist

Informatie Analist Functiebeschrijving: Help jij onze klanten in de publieke sector bij het doorgronden en oplossen van uitdagende en complexe vraagstukken? Heb jij ervaring in het werken op het snijvlak van business en IT? Beschik jij over de nodige kennis van (de nieuwste) informatiesystemen om te kunnen sparren binnen DevOps-teams? Wat ga je doen? Als Informatie Analist help je onze klanten hun doelstellingen te realiseren door het uitvoeren van analyse en ontwerpen. Je bent onder meer betrokken bij het inrichten en implementeren van nieuwe IT oplossingen, het reduceren van kosten en risico’s, het optimaliseren van bedrijfsprocessen en de ondersteunende informatiesystemen.

Bekijk vacature »

Medior Microsoft Dynamics Developer

Jouw uitdaging: Ben jij sterk in het succesvol ontwikkelen van maatwerk componenten op het Dynamics platform? En wil je actief meewerken aan de ontwikkeling van ons Digital Customer Experience portfolio? Dan is dit iets voor jou! Voor de Digital Customer Experience afdeling (DCX) zijn we op zoek naar een Medior Microsoft Dynamics Developer. In deze functie ben je verantwoordelijk voor de succesvolle ontwikkelen van maatwerk componenten op het Dynamics platform bij toonaangevende organisaties. Denk daarbij aan het realiseren van integratie met front en backoffice systemen op basis van Azure PaaS of het ontwikkelen van complexe plug-ins. Daarnaast werk je actief

Bekijk vacature »

Uniface / Ontwikkelaar / Beheerder / Defensie

Functieomschrijving Heb jij als Uniface Ontwikkelaar/Beheerder altijd al een bijdrage willen leveren aan een veiliger Nederland en als Uniface Ontwikkelaar/Beheerder altijd al verantwoordelijk willen zijn voor een levenskritische omgeving? Lees dan snel meer over deze te gekke Uniface Ontwikkelaar/Beheerder! Ontwikkelen en beheren Unifaceproducten; Installeren en configureren van Unifaceproducten Bouwen en onderhouden van complexe interfaces; Het maken van impactanalyses en functionele- en technische specificaties van systemen; Structureren, opslaan en de toegankelijkheid van databases. Functie-eisen Je bent hbo-gediplomeerd; Je hebt minimaal 3 jaar relevante werkervaring; Je bent bekend met Unifaceproducten Uniface Client / Server, Uniface Application Server en Uniface Web Services; Je

Bekijk vacature »

Front-end developer voor één van de

Functieomschrijving Zij zijn op zoek naar iemand die verantwoordelijk is voor de Front-end. Je zult hier samenwerken met Front- en Back-end developers en UX-designers. Samen met het team heb je elke dag een stand-up meeting om te kijken hoe je de werkzaamheden gaat vliegen. Hier ga je samen met de UX-designer de CSS implementatie bespreken om vervolgens met de back-end developer te bespreken hoe je Front- en Backend koppelingen gaat afhandelen. De organisatie is op zoek naar een programmeur die in staat is om software te onderhouden en uit te breiden voor de e-commerce, logistieke en marketing activiteiten binnen de

Bekijk vacature »

Junior C# ontwikkelaar gezocht, academisch niveau,

Ben je als .NET ontwikkelaar op zoek naar een (nieuwe) analytische uitdagende baan? Een baan waar je te maken krijgt geavanceerde wiskundige modellen? Dan zou deze organisatie je dit kunnen bieden. Voor een organisatie in Delft zijn we momenteel op zoek naar .NET ontwikkelaar met een academisch niveau en kennis of affiniteit met het bouwen van modellen, dataprocessen en applicaties in .NET C#. De organisatie houdt zich bezig met het leveren van zeer specifieke diensten voor de financiële sector en doet veel zaken met grote financiële instellingen. Het gaat hier om een kleinere organisatie van circa 15 mensen waarvan 5

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 »
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

16/10/2019 05:13:12
 
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.