jQuery toggle animation

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

.NET developer die ERP software maakt

Organisatie Deze organisatie is al ruim 25 jaar een grote speler als het gaat om ERP oplossingen voor onder meer de bouw- en installatiebranche. Deze organisatie telt meer dan 100 werknemers en is gevestigd in de omgeving van Breda. De klantgerichtheid van deze organisatie maakt het een unieke organisatie. Ze doen er alles aan om een langdurige relatie op de bouwen met de klant. Dit kan alleen als je ook echt in contact bent met de klant. Vergelijkbare bedrijven plaatsen een demo op de website over hoe de software werkt. Deze organisatie doet hier niet aan mee! Ze gaan langs

Bekijk vacature »

Lead Front-end Developer Den Haag

Voor een bedrijf in Den Haag ben ik opzoek naar een Lead Front-end Developer. Voor dit bedrijf zoek ik iemand die de Lead gaat nemen van een bestaand Front-end team bestaande uit zes Front-end Developers. Jouw rol zal ongeveer bestaan uit: ontwikkelen, bedenken en aanbrengen van nieuwe ideeën en coachen van je team. Het kan zijn dat je al ervaring hebt als Lead maar ben jij er van overtuigd dat dit jouw volgende stap is als Senior dan ben je ook van harte welkom om kennis te komen maken. Je wil met dit bedrijf meegroeien en een bijdrage leveren aan

Bekijk vacature »

Front-end developer

Organisatie Een van de grootste digital agencies van Nederland ben ik opzoek naar een Front-end Ontwikkelaar. Dit zal een hub worden voor innovatieve nationale en internationale samenwerking met ’s werelds grootste multinationals. Hierbij wordt er gewerkt met de nieuwste technieken, van 3D-printen tot VR, en van chatbots tot AI. Als Front-end Developer begrijp je dat kwaliteit alleen kan worden bereikt door een menselijk perspectief te hebben. Je begrijpt dat klanten succesvol geholpen kunnen worden door design technologie en onderzoek met elkaar te verbinden. Deze high-tech organisatie kenmerkt zich door middel van een open en relaxte sfeer. Er is weinig hiërarchie

Bekijk vacature »

SAP EAM CONSULTANT (UTRECHT)

SAP EAM CONSULTANT (UTRECHT) Are you ready for the next step in your career as SAP EAM Specialist? Are you looking for innovative technical projects in an international work environment? Choose Accenture and make delivering innovative work part of your extraordinary career! Job description As a SAP EAM specialist you will be working one or more of the following subjects: You are in the lead to drive workshops to gather the information needed for fit-gap analysis or blueprints; You will analyze business processes and look at (re)design and improvements especially in the area of asset management; You coordinate, communicate and

Bekijk vacature »

Medior .NET developer / Utrecht /

Om je even mee te nemen in deze gave organisatie, stel je het volgende voor: Je komt binnen in een open kantoortuin waar iedereen elkaar kan zien werken. Dit resulteert in een hecht team dat elkaar motiveert om het beste uit zichzelf en elkaar te halen. In deze kantoortuin bevindt zich niet alleen een tafeltennistafel, maar tevens een heuse bar waar elke vrijdag middag met elkaar wordt geborreld! Iedere twee maanden wordt er door de personeelsvereniging een activiteit georganiseerd met een hoge opkomst. Be there or be square! Deze organisatie is gelegen in regio Utrecht en is gespecialiseerd in het

Bekijk vacature »

Medior .NET Developer

Organisatie Al meer dan 10 jaar helpt dit toonaangevende bedrijf haar klanten met software ten behoeve van de manier van verkopen aan eindgebruikers. Innovatief zijn is hierin ontzettend belangrijk, vanwege de constante ontwikkelingen op het gebied van technologie in combinatie met de manier van verkopen. Verder staat binnen dit softwarehuis de gebruiksvriendelijkheid van de software voor de eindgebruiker centraal. Aangezien deze organisatie gelegen is in hartje centrum van Utrecht, kun je in de pauze makkelijk de stad in of een wandeling maken in het park. Functie Onder de 12 werknemers binnen de organisatie, vallen 3 gepassioneerde developers. Je komt dus

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 »

Medior Java Developer met drie jaar werkervaring

Vacature Omschrijving De volgende relatie, gevestigd in Amsterdam, heeft een platvorm ontwikkeld om online koopgedrag in kaart te brengen. Afgelopen jaar is dit getest door een internationale kledingketen en zij spreken van een platvorm dat eerste is in zijn soort. Functieomschrijving Dit tech bedrijf in Amsterdam is één van de weinige die machine Learning, deep Learning & software engineers combineert. Dit platvorm zal een nieuwe afdeling gaan vormen binnen en al bestaand organisatie dat sinds 2002 hard aan het groeien is. Je komt terecht in een multidisciplinair bedrijf met verschillende nationaliteiten. Voertaal is Engels en de organisatie ligt op steenworp

Bekijk vacature »

Medior Developer

Organisatie Voor een van PHIND’s business partners ben ik opzoek naar een Medior Developer. Het bedrijf waar je komt te werken is baanbrekend. Er word door middel van GPS en Track&Trace technieken serieus gewerkt aan een beter wereld. Denk aan zaken als diefstal of andere overtredingen, worden met het software pakket van dit bedrijf voorkomen. Het draait niet om kleine zaken. Namelijk om grote vrachtwagens of schepen vol waardevolle spullen gericht op de internationale markt. Gebruikers van de software waaraan gaat werken zijn s’werelds grootste transport organisaties. Jouw software beschermd letterlijk miljoenen per dag. Dit doe je bij een organisatie

Bekijk vacature »

Java Software Integration Developer ESB IBM IB Web

Java Software Integratie Specialist gezocht! Functieomschrijving Wij zijn op zoek naar een software engineer die binnen een softwarelandschap "the bigger picture" ziet en/of iemand die snel door heeft hoe je applicaties aan elkaar koppelt. Heb je ervaring met Java, C#.NET of C++ en wat kennis van Microservices en API's? Solliciteer dan gelijk! De totale afdeling is 22 collega’s groot en verdeeld in 3 teams. Je komt terecht in een Software development team (DevOps team 10 collega’s groot) die verantwoordelijk is voor het koppelen en/of integreren van verschillende grote en kleine systemen aan elkaar. Het zijn voornamelijk op Java (Microservices, APIs)

Bekijk vacature »

Solution Architect Real Estate - Meeting Experienc

We’re seeking an expert in solution architecture to join an industry leading team of technical talent within our real estate business. With all the development opportunities you can expect from a supportive, global company. Where you fit You’re going to be part of our Global Real Estate business, working as a Real Estate Solution Architect for ‘Meeting Experience’ projects, with a focus on delivering solution designs across a varied and excited portfolio. This is both a challenging and rewarding role, where you’ll be helping to develop high-level designs that assure technical integrity and a measurable impact, driving performance and profitability,

Bekijk vacature »

Innovatieve medior full-stack .NET developer

Organisatie De organisatie focust zich daags op het beste resultaat als een van de beste leverancier op het gebied van retail automatisering. Doel is om proactief mee te denken aan een totaal oplossing voor complexe vraagstukken. Klanten variëren van grote winkel ketens (hot brands) naar snel groeiende organisaties in de regio, maar ook in Duitsland én België. Samen met een grote team van inmiddels meer dan 80 medewerkers, is er elke dag weer een nieuwe uitdaging! Team van programmeurs bestaat uit 10 software developers met o.a. 2 senior developers. Je komt te werken binnen een informele werkomgeving. Bij binnenkomst pak

Bekijk vacature »

Ervaren Angular Developer

Functieomschrijving Als ervaren Angular developer werk je aan grote en mooie projecten in teamverband. Binnen de functie ga je je bezighouden met projecten waarin het ontwikkelen van high standard websites, dan wel webapplicaties centraal staan. Je werkt hier voornamelijk aan 1 project tegelijk waar continue aan gesleuteld wordt. Je krijgt hier de mogelijkheid om met de architectuur mee te kijken en daarnaast continue features toe te voegen aan deze applicaties. Jij gaat daarnaast als senior developer blogs schrijven om de kennis die jij tot je hebt te delen met collega's en de community. Naast de kennis die je hebt en

Bekijk vacature »

.NET Developer / Consultancy / Regionaal & Lok

Organisatie Ken je dat gevoel dat je ‘één van de zovelen’ bent bij grote consultancybedrijven? Dat niemand weet wie je bent en iedereen zijn eigen werkgebied afschermt in plaats van samen te werken? Daar heb ik de beste remedie tegen gevonden. Lees verder om hier meer over te weten te komen! Dit IT consultancybureau is regionaal ingericht om het bovenstaande probleem te tackelen. Ze hebben verschillende kantoren in Nederland, waar nooit meer dan 35 personen werken, zodat de persoonlijke touch en het teamgevoel nooit verloren gaat. Jij kent iedereen, en iedereen kent jou. Functie Het bedrijf richt zich volledig op

Bekijk vacature »

C# .NET ontwikkelaar gezocht, detachering (Azure,

Ben je een .NET ontwikkelaar en op zoek naar afwisseling in de regio Rotterdam? Bij een innovatief bedrijf met mogelijkheden om te groeien in zowel functie als kennis? Waar je geen nummer bent maar er aandacht is voor jou als persoon? Wellicht dat deze organisatie je dit kan bieden. Voor een detacheerder in Rotterdam zijn we namelijk op zoek naar gepassioneerde .NET ontwikkelaars. Het bedrijf heeft een regionale werkwijze waarbij ze een aantal vestigingen in Nederland hebben waaronder de hoofdvestiging in Rotterdam. Er werken momenteel circa 80 mensen. Het bedrijf is met name sterk in CRM maatwerk oplossingen en de

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:08:48
 
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.