jQuery toggle animation

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior Front-end Developer vacature

Jij weet wat er nodig is. Jouw hart gaat sneller kloppen van techniek. Jij wil vooruit. Ben jij de Front-end Developer die we zoeken? Je bent creatief, thuis in gebruikersinteractie en een gedreven engineer in hart en nieren. Daarnaast heb jij een klantgerichte en proactieve houding. Precies de kwaliteiten die een Front-end Developer nodig heeft. Wat doe je als Developer? Als Front-end Developer werk je aan de technische realisatie van front-end (web)applicaties in de verschillende uitdagende opdrachten voor Sogeti’s klanten. Dit kan zowel op klantlocatie zijn, als binnen het Center of Excellence van Sogeti. Jij houdt van het uitdenken en

Bekijk vacature »

Fullstack .Net Developer voor int. marktleider met

Voor een internationale marktleider in metaalbewerking ben ik op zoek naar een junior / midlevel Fullstack .Net developer. Wat je gaat doen: Onze klant maakt gebruik van hun zelf gebouwde logistieke applicatie. Nu willen zij deze sterk uitbreiden. Zo willen ze o.a. een klant portaal maken, een online factuur systeem bouwen en een mobiele applicatie bouwen. Alles om beter zaken te doen met hun klanten. Je werkt hierbij in .Net C# en later ook Azure. Wie jij bent: MBO / HBO afgestudeerd 2 - 6 jaar ervaring met C# en .NET applicaties Design ervaring is een plus Spreekt Nederlands en

Bekijk vacature »

.NET C# developer gezocht, Dordrecht

Ben je een .NET C# developer die in Dordrecht woont, of in de omgeving hiervan, en op zoek is naar een nieuwe baan? Bij een bedrijf met betrokken collega’s, die elkaar graag helpen, binnen een informele cultuur? En aan een succesvol product wilt werken dat constant verder ontwikkeld wordt? Voor een bedrijf in Dordrecht zijn we op zoek naar verschillende C# developers. Het bedrijf richt zich op de ontwikkeling van software voor een specifieke branche en heeft circa 5000 gebruikers. De organisatie bestaat uit circa 20 mensen waarvan 6 .NET developers, 1 architect en 3 software testers. Het werk bestaat

Bekijk vacature »

.NET Developer / C# / miljarden berichten / Zorgse

Functieomschrijving Zit jij aan je plafond als .NET C# Developer? Wil jij de stap maken naar dé .NET software organisatie van Tilburg? Lees dan nu verder! Bedrijfsomschrijving werken bij een organisatie waar je met het volgende in aanraking komt: High-intensity dataverkeer, meer dan 2,7 miljard berichten per jaar; Development aan .NET applicaties die maandelijks miljoenen euro's verwerken; Salaris als developer tot bijna 70.000 euro op jaarbasis; Geen partij in de omgeving van Tilburg die zo'n complex .NET applicatielandschap heeft; Werken aan meer dan 50 diensten, verdeeld over 10 Scrum teams; Focus op o.a.: C# en ASP.NET in een Agile organisatie;

Bekijk vacature »

C# / .NET Developer / SiteCore

Functieomschrijving Ben jij een Developer met kennis van C# / .NET en wil jij je graag specialiseren op het gebied van Sitecore? Wil jij daarnaast 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 C# / .NET Developer (met de focus op SiteCore) 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

Bekijk vacature »

IT-Traineeship junior programmeur

Zoek jij een stevige uitdaging en de mogelijkheid om veel nieuwe dingen te leren in een dynamisch vakgebied? Doe mee aan ons IT Professional Program en ontwikkel jezelf tot software engineer! Je begint met een opleidingstraject van 3 maanden. Hierin ga je aan de slag met verschillende technieken die je op conceptueel niveau leert te overzien en interpreteren. Onderwerpen die aan bod komen zijn o.a. programmeren (Java/C#/Python), Object Oriëntatie, Databases, Webservices & webtechnologieën, Domain Driven Design en Continuous Integration/Continuous Delivery. Sommige van deze onderdelen sluit je af met een examen en bijbehorende certificering. Het opleidingstraject zelf sluit je af met

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 »

C# ontwikkelaar / State of the art .NET omgeving

Functieomschrijving Ben jij de .NET backend developer die gewend is op een hoog niveau te werken in C#? Woon jij in de omgeving en wil je bij dé .NET organisatie van Tilburg en omstreken werken? Reageer dan snel! Programmeren van high-availability en high-security applicaties in ASP.NET en 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; Deelnemen aan Scrummeetings. Functie-eisen Beschikt over HBO/WO werk- en denkniveau. Als

Bekijk vacature »

Traineeship junior software developer

Zoek jij een stevige uitdaging en de mogelijkheid om veel nieuwe dingen te leren in een dynamisch vakgebied? Doe mee aan ons IT Traineeship en ontwikkel jezelf tot software engineer! Je begint met een opleidingstraject van 3 maanden binnen de Sogyo Academy. Hierin ga je aan de slag met verschillende technieken die je op conceptueel niveau leert te overzien en interpreteren. Onderwerpen die aan bod komen zijn o.a. programmeren (Java/C#/Python), Object Oriëntatie, Databases, Webservices & webtechnologieën, Domain Driven Design en Continuous Integration/Continuous Delivery. Sommige van deze onderdelen sluit je af met een examen en bijbehorende certificering. Het opleidingstraject zelf sluit

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 »

Support engineer met ICT infrastructure specialisa

Als MKB’er of horecabedrijf moet je blind kunnen vertrouwen op de werking van de ICT voorzieningen zoals het computernetwerk, kassa en telefoon. Jij begrijpt welke impact een storing of netwerkprobleem heeft en je helpt de klant direct weer op weg, op afstand of ter plaatse. Ben jij deze steun en toeverlaat? Lees dan verder! Wij zijn Global-e, een ICT dienstverlener in de omgeving Breda-Tilburg. Ter uitbreiding van ons support team zoeken wij een Support engineer met een duidelijke specialisatie op het gebied van Infrastructure en netwerkbeheer. Wat ga je doen? Als Support engineer werk je voornamelijk vanuit kantoor maar ook

Bekijk vacature »

Full stack software .NET C# developer, domotica me

Voor een bedrijf in de regio Hendrik Ido Ambacht zijn we op zoek naar een fullstack .NET C#developer. Het gaat hier om een bedrijf dat systemen ontwikkeld die via domotica oplossing bieden voor maatschappelijke instellingen. Zo verwerken hun systemen meldingen waarover ze rapporteren, maar ook zorgen ze voor de automatisering van toezicht. Het systeem bestaat uit apps, web interfaces, backend en BI rapportage tools. Het gaat het hier om een MKB bedrijf van circa 70 mensen met een team van 5 developers. Bestaande uit hardware, embedded en backend developers. Momenteel is er daarom sterke behoefte aan iemand die zowel back-

Bekijk vacature »

Senior Lead Developer / Full stack / .NET / Azure

Functieomschrijving Wil jij graag als meewerkend voorman werken in een ambitieus bedrijf dat moderne software ontwikkelt voor grote klanten? Ben jij goed thuis in .NET omgevingen en het Azure platform en zorg je graag dat alles in goede banen loopt? Lees dan snel verder! Ontwikkelen en testen van de software en het framework via Scrum principes; Dagelijks aansturen van het Development Team; Coördineren van projecten; Kwaliteitscontrole op de code; Architectuur bepalen en zorgen dat deze gevolgd wordt; Overzicht over functioneel en technisch ontwerp van de software; Sparren met directie over IT strategieën. Functie-eisen Ruime ervaring met het .NET framework, ASP.NET,

Bekijk vacature »

Software Ontwikkelaar Zorg-ICT

Wil jij met ChipSoft impact maken in de zorg met jouw technische kennis als Software Ontwikkelaar? En lijkt het jou uitdagend om innovatieve software te ontwikkelen met de laatste Microsoft-tools en technieken? Wat doe jij als Software Ontwikkelaar? 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 teamverband. ChipSoft maakt gebruik van een zelf ontwikkeld multi-tier framework. Tijdens een interne opleiding brengen wij je snel bij hoe je binnen deze architectuur je ontwikkelkunsten kunt

Bekijk vacature »

Java Developer / Webservices / Overheid

Functieomschrijving Ben jij als Java Ontwikkelaar toe aan een stabiele organisatie zonder commercieel doeleinde? Ga jij voor kwaliteit, collegialiteit en stabiliteit? Dan is dit jouw baan! Ontwikkelen van nieuwe en bestaande webservices; Uitbreiden van functionaliteiten binnen de producten- en dienstenportefeuille; Als het in jouw interessegebied ligt kan je betrokken worden bij het vormgeven van verantwoordingsrapportages; Werken aan gegevensuitwisseling met SOAP, ervaring hierin met Apache Synapse/Axis2 is een pre; Werken aan Java web GUI ontwikkeling, ervaring hierin met GWT, Bootstrap, Javascript, HTML en CSS is een pre; Werken met testframeworks, ervaring hierin met JUnit en Selenium is een pre; Ervaring met

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

26/02/2020 17:08:33
 
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.