jQuery toggle animation

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Cloud Engineer Welkomstbonus € 5.000,-

Cloud Engineer medior Welkomstbonus van € 5.000,- Bij T2 zorgen we goed voor elkaar en doen wij leuke dingen met leuke mensen. We zorgen voor uitdagende opdrachten zodat jij jezelf onbeperkt kan blijven ontwikkelen. Ben jij een ervaren systeembeheerder Cloud en wil je het beste uit jezelf halen? Dan ben je van harte welkom bij T2 en ontvang je onze welkomstbonus ter waarde van € 5.000,-. Er werken leuke mensen bij T2, die op een professionele en informele wijze met hun carrière en collega’s omgaan. Dat is de basis voor succes! Het is vanzelfsprekend dat je met de nieuwste technieken

Bekijk vacature »

Developer Integrations C# .NET

Developer Integration C# .NET Do you have a passion for C# .NET development? You make a difference as Developer Integration C# .NET by integrating several external systems with the internal platform. And so, you contribute to our respected international client who is the market leader in the manufacturing business. We are looking for a resourceful Developer Integration C# .NET who is able to set the standard within the team. Your impact as Developer Integration C# .NET You are responsible for the development and continuous improvement of 'integrations' across the IT landscape, as well as for the continuous improvement of the

Bekijk vacature »

Full-stack .NET developer gezocht, Goeree-Overflak

Ben je een .NET software developer en op zoek naar een professionele werkomgeving binnen een wat groter innovatief en ambitieus bedrijf? Waar sprake is van een uitgebreid applicatielandschap met elke dag nieuwe uitdagingen, waar alles mogelijk is, binnen een goede collegiale sfeer? Lees dan verder! Voor een bedrijf in Goeree-Overflakke zijn we momenteel op zoek naar een ervaren software developer. De IT afdeling bestaat uit circa 60 mensen waarvan zo'n 15 developers. Voor de recente architectuur wordt gebruikt gemaakt van de nieuwste technieken waaronder .NET Core, Docker en Angular. Echter bestaat het applicatielandschap uit een groot aantal verschillende applicaties waarbij

Bekijk vacature »

Fullstack .NET developer voor het onderwijs

Bedrijfsomschrijving Dit mooie bedrijf helpt onderwijsinstellingen beter en efficiënter te werken. Ze hebben hiervoor een aantal applicaties bedacht en ontwikkelt. De applicaties zijn SAAS oplossingen die allemaal middels .NET zijn gebouwd en hoewel er al veel expertise in huis is, zou een aanvulling met jou zeer wenselijk zijn. Er wordt gewerkt met moderne technieken en ook mag, en kan, je pionieren met nieuwe technieken. Zowel backend- als fullstack webdevelopers zijn meer dan welkom te reageren. Functieomschrijving Onze klant bouwt SAAS oplossingen voor het onderwijs en ze hebben inmiddels een aantal innoverende applicaties in de markt staan. Je gaat samen met

Bekijk vacature »

.NET Developer / Azure

Bedrijfsomschrijving Deze organisatie is gevestigd in het hart van Brabant en wordt gezien als de één van de beste .NET development organisaties in de provincie. Dagelijks werk je hier met ruim 40 enthousiaste .NET Developers, verdeeld over 9 Scrum teams, aan zeer complexe backend systemen. De backend systemen staan in het teken van high-intensity en high-availabilitiy en zijn opgebouwd met onder andere: - C#; - ASP.NET MVC / ASP.NET Core; - Microservices Architectuur; - Azure; - WCF. De teams bestaan uit 3-5 ontwikkelaars, 1 of 2 vaste (technisch)testers, 1 informatie analist en een Product Owner. Je zal niet alleen schakelen

Bekijk vacature »

Full Stack Developer- .Net Core/ Node.JS

Full stack Developer- .Net Core/ Node.JS/ React.JS NEW PERMANENT POSITION AVAILABLE IN VEENENDAAL, UTRECHT Brand New opportunity available for a Full Stack Developer Utrecht based organisation in an accessible location Full Stack Developer- .Net Core/ Node.JS/ React.JS Salary- Up to €60,000 per annum To apply please call +31 (0)20 800 4990 or email George.widdowson@searchability.com Based in Veenendaal we are an ambitious software house wo are looking for a talented developer with experience in .Net Core and Node.JS to join the team, on a permanent basis. Sourced by: @SearchabilityEU– your 24/7 twitter feed of latest IT vacancies across Europe WHO ARE

Bekijk vacature »

Ervaren full-stack C# developer, .NET CORE, Typesc

Voor een ambitieuze en snelgroeiende organisatie de regio Rotterdam zijn we momenteel op zoek naar een .NET C# developer. De organisatie bestaat inmiddels ruim 15 jaar en heeft een systeem ontwikkeld waarmee bedrijven de informatie van grote en complexe projecten beter kunnen managen. Dit systeem is geheel webbased. Om hun globale ambities waar te maken zijn ze recentelijk begonnen het systeem geheel te herbouwen met de nieuwste technieken. Denk hierbij aan technieken als .NET CORE, Typescript, React, Kubernetes en Azure. Niet alleen betekent voldoende nieuwe technische uitdaging maar ook betekent dit dat je voor 80 tot 90% van je tijd

Bekijk vacature »

.NET Developer Azure

Bedrijfsomschrijving Deze organisatie in de regio van Ede/Wageningen waar jij als .NET Developer komt te werken is marktleider en pionier op het gebied van High-Quality apparatuur in de zorg. Het Scrum team waar jij deel van zal uitmaken bestaat uit zes developers. Als .NET Developer draag jij dagelijks bij aan een gezondere toekomst. De apparatuur waar jij de software voor ontwikkelt wordt wereldwijd ingezet in meer dan 5000 ziekenhuizen. Iedere 4 minuten krijgt iemand ter wereld een behandeling middels deze apparatuur. Omdat de organisatie continu bezig is met innovatie krijg jij als .NET Developer de ruimte om met nieuwste- en

Bekijk vacature »

Ben jij een intelligente JavaScript Developer?

Bedrijfsomschrijving Soms zie je door de bomen het bos niet meer met al die Front-end vacatures, deze is eigenlijk niet anders maar toch weer wel. Wil je weten waarom? Dan moet je contact met ons opnemen! Hier liggen namelijk kansen die je niet bij elke organisatie tegenkomt... Nieuwsgierig? Lees dan in elk geval de vacature tekst alvast... Functieomschrijving Voor onze opdrachtgever zijn wij opzoek naar ervaren en intelligente Frontend ontwikkelaars met goede NodeJs, AngularJS, ReactJs kennis. Daarnaast is het belangrijk dat je tenminste 4 jaar ervaring hebt in Frontend ontwikkeling en niet bang bent om straks ook nieuwe technieken uit

Bekijk vacature »

Junior PHP Developer

Je maakt een vliegende start van je carrière bij Coolblue, door meteen mee te werken in een team. Hoe word ik Junior PHP Developer bij Coolblue? Als junior PHP developer ben je meteen vanaf de start onderdeel van een van de development teams. Omdat je jezelf graag nog verder wilt ontwikkelen, kijk je veel met je collega’s mee en volg je verschillende trainingen. Maar in de sprints pak je ook je eigen stories op, om meteen Coolblue iedere dag een beetje beter te kunnen maken. “Ook junior developer worden bij Coolblue? Else de Boer legt je uit hoe je dat

Bekijk vacature »

DevOps Engineer

Complexe processen automatiseren: dat is jouw ding! Voor onze vestiging in Amsterdam zoeken wij een fanatieke junior of medior DevOps Engineer die met de laatste Microsoft-tools en -technieken wil werken. Jij bent gemotiveerd en draagt graag verantwoordelijkheid voor je 'eigen' scripts, infrastructuur en tools die worden ingezet om onze software te bouwen, testen, uit te rollen en uit te leveren. Jouw baan Je bent verantwoordelijk voor het ontwerpen, ontwikkelen, ondersteunen en onderhouden van de complete build en teststraat van een of meerdere van onze softwareproducten. Dit gaat om complexe ICT-producten die feilloos moeten functioneren binnen de omgeving van onze organisatie.

Bekijk vacature »

Cloud Solution Architect - Banking

Cloud Solution Architect - Banking Functiebeschrijving: Developments in the field of IT continue to accelerate. Digital transformation and thereby the migration and delivery of services in the Cloud is an important theme that our customers are increasingly working on in order to maintain or further strengthen their position in the market. Do you want to contribute to this shift as a Cloud Solution Architect? Your day-to-day activities As a Cloud Solution Architect you are part of a passionate club of professionals. You are responsible for (part of) the design of one or more systems. This role requires communication and interaction

Bekijk vacature »

Cloud CRM / WebApp developer

(4-6 j development team ervaring - 32 uur per week, Utrecht/thuiswerken) Solease is een snel groeiend bedrijf en heeft als missie om duurzame energie voor iedereen toegankelijk te maken. Daarom bieden wij het huren van zonnepanelen aan als laagdrempeliger en duurzamer alternatief voor bezit. Door het wegnemen van de investeringsdrempel, het gedoe en risico draagt Solease bij aan het versnellen van de energietransitie. Voor mensen die het huren willen overslaan, bieden we ook de mogelijkheid om de zonnepanelen direct te kopen. Daarnaast zijn andere verduurzamende maatregelen in de planning. Wil jij met jouw werk échte impact realiseren? Lees dan verder

Bekijk vacature »

Web Developer (m/w/d)

Web Developer Location: Heidelberg, Germany Staff category: Staff Member Job type: IT and Infrastructure Contract duration: 3 years (renewable) Grading: 6, 7 or 8; depending on experience (monthly salary starting from 3.7k€ up to 4.8k€ after tax, plus other benefits) Closing date: 1 February 2021 Reference number: HD01905 IT Services operates and supports the IT infrastructure and services at EMBL headquarters in Heidelberg and at the laboratory’s sites in Barcelona and Rome. In collaboration with the EMBL-EBI in Cambridge our team is creating and implementing a new web infrastructure for all EMBL websites. We are looking to recruit an enthusiastic

Bekijk vacature »

Ervaren full-stack C# developer, .NET CORE, Typesc

Voor een ambitieuze en snelgroeiende organisatie de regio Rotterdam zijn we momenteel op zoek naar een .NET C# developer. De organisatie bestaat inmiddels ruim 15 jaar en heeft een systeem ontwikkeld waarmee bedrijven de informatie van grote en complexe projecten beter kunnen managen. Dit systeem is geheel webbased. Om hun globale ambities waar te maken zijn ze recentelijk begonnen het systeem geheel te herbouwen met de nieuwste technieken. Denk hierbij aan technieken als .NET CORE, Typescript, React, Kubernetes en Azure. Niet alleen betekent voldoende nieuwe technische uitdaging maar ook betekent dit dat je voor 80 tot 90% van je tijd

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

19/01/2021 09:37:35
 
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.