Jquery slide div

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Als PHP developer (Symfony) bijdragen aan betere z

Functie Als Medior/Senior PHP developer wordt er een mate van zelfstandigheid verwacht, maar ook dat je goed in een team kunt opereren waar kennis wordt gedeeld en er bijvoorbeeld codereviews plaatsvinden. Kwaliteit staat voorop, mede hierom werken ze bijvoorbeeld zonder echte deadlines in hun sprints. De SaaS-applicatie wordt volledig ontwikkeld in PHP en Symfony. De module bestaat uit een stuk informatie verrijking en intelligentie wat resulteert in een medische check. De logica wordt daarom in de code geïntrigeerd. Je bent onder andere bezig met complexe databases waar meer dan 80.000 medicijnen op verschillende niveaus in staan, die maandelijks worden geactualiseerd.

Bekijk vacature »

Low Code Developer voor o.a. overheidsprojecten!

Bedrijfsomschrijving Wil jij ook behoren tot de specialist in Low Code? Dan zou ik zeker aanraden om verder te lezen. Deze organisatie is ooit opgericht door twee studenten en is inmiddels uitgegroeid tot een serieuze werkgever met een groot aanzien op Low Code projecten. De sfeer is echter niet veranderd, er heerst een informele sfeer met een open deuren beleid, en hierin mag de eigen bar natuurlijk niet ontbreken. Momenteel maakt deze organisatie een flinke groei door en hier kan jij natuurlijk niet bij ontbreken. Daarom ben ik op zoek naar Low Code Developers met een degelijke technische achtergrond. Kennis

Bekijk vacature »

Front-end Developer

Onze klant is sinds 2 jaar actief als adviseur en bemiddelaar in de verzekeringsmarkt. Sindsdien proberen zij deze slapende markt flink wakker te schudden. Dit willen zij doen door het bouwen van slimme vergelijkers op hun eigen website en die van partners. Het bedrijf wil continu voorop lopen, zodat consumenten eenvoudig de verzekeringen kunnen vinden die het beste bij ze past. Functieomschrijving Als Front-end Developer werk je aan vergelijkingsmodules die consumenten dagelijks gebruiken bij het vergelijken en afsluiten van verzekeringen. Je vindt het leuk om samen te werken met de product owner, bestaande modules te verbeteren en nieuwe vergelijkers "from

Bekijk vacature »

.NET developer

Functie Als ervaren .NET ontwikkelaar start jij in één van onze vier scrumteams. Met 30 ontwikkelaars werk jij aan de doorontwikkeling van ons core product. Ook werkt jouw team aan maatwerkoplossingen op aanvraag van de klant en op projectbasis. Wij vinden het erg belangrijk dat onze ontwikkelaars met plezier naar werk gaan. Een deel hiervan ligt uiteraard bij jezelf, als jij ontwikkelen niet leuk vindt, ben jij bij ons echt aan het verkeerde adres. Jouw team bestaat namelijk uit een groep gepassioneerde vakidioten die dit werk doen omdat dit eerst een hobby was! Daarnaast wordt er intern rekening gehouden met

Bekijk vacature »

C# .NET Backend Developer HBO Javascript

Samengevat: Deze werkgever is een professionele speler op gebied van IT en E-Commerce. Wil jij werken voor een e-commerce platform? Heb je ervaring met C#, Javascript en Scrum? Vaste baan: C# .NET Developer Backend E-Commerce 3.400 - 4.500 Backend Developer Wij ontwikkelen software voor E-Commerce toepassingen. Ons eigen Content Management systeem biedt een integrale oplossing met diverse ERP software. Onze systemen zijn vaak complex en omvangrijk en draaien bij grote organisaties. Maar ook kleine ondernemingen hebben steeds vaker behoefte aan een vlekkeloos werkende E-Commerce oplossing. Zij bieden een uitdagende werkomgeving met gezellige collega's. Je krijgt veel vrijheid en er is

Bekijk vacature »

Full-stack Developer

As a Full-stack developer at KUBUS, you will develop the (web)applications and services of BIMcollab. You will work on both the front- and back-end. As a software company, KUBUS is in a unique position. We build our own products that are used by tens of thousands of users worldwide. Our company is just the right size: big enough to make a real impact in the market, but small enough that as an individual developer you can have an impact and really make a difference. Our development team consists of over 40 developers, testers, scrum masters and product owners, divided over

Bekijk vacature »

Java Developer

Java/Kotlin Developer Ben jij een ervaren Java/Kotlin developer met een passie voor het automatiseren van bedrijfsprocessen? Wil je graag deelnemen aan uitdagende projecten bij aansprekende klanten? En ben je op zoek naar een professioneel, ambitieus en dynamisch bedrijf om je carrière verder te ontwikkelen? Kom dan ons team bij Ritense in Amsterdam versterken! Zo ziet de functie eruit: Als Java/Kotlin developer bij Ritense ben je verantwoordelijk voor de ontwikkeling en implementatie van applicaties die bedrijfsprocessen automatiseren, zodat onze klanten slimmer, efficiënter en klantgerichter kunnen werken. Als developer ben je in de lead en zorg je voor de correcte oplevering van

Bekijk vacature »

Software Programmeur PHP - JAVA

Functie Heb jij altijd al willen werken voor een bedrijf, dat veilige netwerkverbindingen levert, door middel van veilige oplossingen, die door middel van de nieuwste technologieën ontwikkelt zijn? Stop dan nu met zoeken! Voor een opdrachtgever in omgeving Moordrecht zijn wij op zoek naar een programmeur. Hoe kan jouw dag er straks uitzien? Je gaat software en webapplicaties ontwikkelen met behulp van de talen C / C++ / PHP. Je gaat technische klussen uitvoeren op locatie bij klanten. Je onderhoudt contact met de projectleider om er zeker van te zijn dat een projecten goed verlopen. Je gaat klanten ondersteunen op

Bekijk vacature »

Software Programmeur PHP

Functie Ben jij op zoek naar een nieuwe uitdaging als PHP developer en zoek je een leuke platte organisatie? Lees dan snel verder! Voor een opdrachtgever in omgeving Capelle aan den IJssel dat zich gespecialiseerd heeft in het realiseren van veilige netwerkverbindingen zijn wij op zoek naar een leuke software developer ter versterking van het huidige team. Hoe kan jouw dag er straks uitzien? Je gaat software en webapplicaties ontwikkelen met behulp van de talen PHP, JAVA en Node.js. Je gaat technische klussen uitvoeren op locatie bij klanten. Je onderhoudt contact met de projectleider om er zeker van te zijn

Bekijk vacature »

Ervaren PHP ontwikkelaar

Functie Jij als PHP ontwikkelaar komt te werken in een team van 4 andere PHP ontwikkelaars. Je zult je voornamelijk bezig houden met: – Het ontwikkelen van nieuwe features – Doorontwikkelen van de API – Nadenken over de technische infrastructuur – Datakwaliteit Samen met het team ben jij verantwoordelijk voor de verdere ontwikkeling van de software en om de positie als marktleider in Europa te behouden. Ze werken volgens SCRUM in 2 wekelijkse sprints, werken met Jira voor alle tickets en communiceren veel via Slack. Eisen • Minimaal 3 jaar ervaring als back end developer • Je hebt affiniteit met

Bekijk vacature »

PHP Developer - Draag bij aan de maatschappij!

Bedrijfsomschrijving Wil jij als applicatieontwikkelaar deel uitmaken van een gedreven ontwikkelteam en werken aan innovatieve producten? Dan hebben wij dé uitdaging voor jou! Wij zijn op zoek naar een enthousiaste collega die samen met ons de technische ondergrond van onze producten verder wil ontwikkelen met behulp van PHP. Met jouw expertise geef je de finishing touch aan onze producten om jezelf steeds opnieuw weer te verrassen. Functieomschrijving Bij ons staan innovatie en creativiteit centraal. Wij zijn op zoek naar een enthousiaste PHP ontwikkelaar die nieuwe ideeën en inzichten kan inbrengen en daarmee zichzelf en het team verder kan laten groeien.

Bekijk vacature »

.Net developer

Sogeti is een organisatie met een goede werksfeer en zo min mogelijk hiërarchische verhoudingen. Ga je bij ons als .Net Developer aan de slag? Dan werk je dagelijks met collega’s aan de mooiste IT-projecten. Deze snelgroeiende groep collega’s krijgt energie van hun vak en dat merk je op de werkvloer. Natuurlijk krijg jij de mogelijkheid je te certificeren. We organiseren regelmatig technische Meet-ups en doen we veel aan kennisdeling. Mede hierdoor zij wij dit jaar Microsoft Partner of the year geworden. Sogetisten staan klaar voor elkaar, hebben lol met elkaar en daarmee behalen we de mooiste resultaten! Werken bij Sogeti

Bekijk vacature »

Starter/junior Magento developer gezocht!

Functie Je komt te werken in een zelfsturend team waarin vertrouwen voorop staat en inbreng en ideeën worden gewaardeerd. Ook staat innovatie centraal. Ze bieden jou de mogelijkheid om jezelf door te ontwikkelen. Denk hierbij aan cursussen en een persoonlijk ontwikkelplan. Je komt terecht in het team van momenteel 4 (ervaren) collega’s en zal meewerken aan de doorontwikkeling en nieuwbouw van de Magento platformen van meerdere opdrachtgevers volgens Agile/Scrum. Denk hierbij aan nieuwe functionaliteiten, UX en koppelingen met verschillende back-end systemen. Als starter/junior developer zul je direct begeleid worden door een senior uit het team. Het is van belang dat

Bekijk vacature »

Junior / Medior C# .NET ontwikkelaar in Brabants t

Bedrijfsomschrijving Ben jij een gepassioneerde C# .NET ontwikkelaar met een voorliefde voor hardware? Dan is dit de perfecte kans voor jou! Bij ons bedrijf krijg je de kans om deel uit te maken van een team van sociale en enthousiaste techneuten die er elke dag naar streven om onze eigen ontwikkelde software nog beter te maken. Het team van ongeveer 10 team medewerkers maakt zich hard om de interne processen gestroomlijnd te laten verlopen. Functieomschrijving Als lid van ons hechte en behulpzame team word je betrokken bij diverse projecten. Daarbij krijg je te maken met data-analyses, content en de logistieke

Bekijk vacature »

Java Ontwikkelaar

Java/Kotlin Developer Ben jij een ervaren Java/Kotlin developer met een passie voor het automatiseren van bedrijfsprocessen? Wil je graag deelnemen aan uitdagende projecten bij aansprekende klanten? En ben je op zoek naar een professioneel, ambitieus en dynamisch bedrijf om je carrière verder te ontwikkelen? Kom dan ons team bij Ritense in Amsterdam versterken! Zo ziet de functie eruit: Als Java/Kotlin developer bij Ritense ben je verantwoordelijk voor de ontwikkeling en implementatie van applicaties die bedrijfsprocessen automatiseren, zodat onze klanten slimmer, efficiënter en klantgerichter kunnen werken. Als developer ben je in de lead en zorg je voor de correcte oplevering van

Bekijk vacature »
Hans -

Hans -

27/01/2014 20:56:46
Quote Anchor link
[EDIT: Heb het al een deel, moet het enkel nog tot alleen het vraagteken maken, maar dat krijg ik niet!]

Mensen,

op deze pagina

www.goo.gl/prrRRT

zien jullie een div (links onder met dat vraagteken en het plaatje) die eigenlijk als volgt zou moeten zijn:

je ziet enkel het vraagteken, en wanneer je er overheen hovert met je muis, schuift hij uit naar volledige div (zoals hij nu staat dus) Maar ik heb met de jquery zitten spelen maar kom er niet precies uit. zie hier mijn jquery

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
<script>
    $('.vraagteken_container').hover(function() {
        $('.vraagteken_container').hide('slide', {direction: 'right'}, 1000);
        $('.vraagteken_container').show('slide', {direction: 'left'}, 1000);
    });
</script>


Heeft iemand een idee?
Gewijzigd op 27/01/2014 22:54:46 door Hans -
 
PHP hulp

PHP hulp

27/05/2026 01:36:30
 
Frank Nietbelangrijk

Frank Nietbelangrijk

28/01/2014 01:08:08
Quote Anchor link
wat je nu doet is de hele container laten verdwijnen en weer tevoorschijn halen als je over diezelfde container heen hovert. Het effect dat daardoor ontstaat is dat je het element waarover je hovert laat verdwijnen zodat je er weer niet over hovert waardoor het weer te voorschijn komt en je er weer overheen hovert enz enz
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
<div class="vraagteken_container">
    <div class="vraagteken_plaatje">
        <img src="style/images/vraagteken_plaatje.png" />
    </div>

    <div class="vraagteken">
        ?
    </div>
</div>


Je moet alijd twee vragen stellen:
1. op welke gebeurtenis (event) van welk element wil ik een actie toevoegen?
2. wat is de actie en op welk element of elementen heeft de actie effect?


Bij jou zou het antwoord kunnen zijn:
1. bij een hover over .vraagteken
2. show() .vraagteken_plaatje

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
<script>
    $('.vraagteken').hover(function() {
        $('.vraagteken_plaatje').show('slide', {direction: 'left'}, 1000);
    });
</script>


Vergeet niet om het volgende in je css te zetten:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
.vraagteken_plaatje {
    display:none;
}
Gewijzigd op 28/01/2014 01:15:17 door Frank Nietbelangrijk
 
Hans -

Hans -

28/01/2014 13:08:46
Quote Anchor link
Frank, ik heb dat nu toegepast, dit begint inderdaad al meer erop te lijken. Enkel heb ik nog wat dingen waar ik mee zit waar ik niet uitkomt.

Bijvoorbeeld dat vraagteken_container 300px blijft, maar die moet wanneer alleen het vraagteken te zien is, kleiner zijn, en als ik eroverheen ga moet hij vloeiend groter worden.
 
Michael -

Michael -

28/01/2014 13:22:54
Quote Anchor link
De container geen 300px meegeven, maar deze met jQuery meesturen icm animate.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
$("div.vraagteken_container").animate({height:300,width:300},"fast");
 
Hans -

Hans -

28/01/2014 13:25:48
Quote Anchor link
Dat werkt inderdaad wel, maar dan ben ik nog niet helemaal tevreden, want als je kijkt zie je dat het plaatje wel slide maar de div zelf niet. die komt in een keer BAM binnen.
 
Michael -

Michael -

28/01/2014 13:33:32
Quote Anchor link
Dan moet je het plaatje ook een animate geven.
 
Hans -

Hans -

28/01/2014 13:36:37
Quote Anchor link
Ik heb nu dit

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
    <script>
        $('.vraagteken').hover(function() {
            $('.vraagteken_plaatje').show('slide', {direction: 'left'}, 1000);
            $("div.vraagteken_plaatje").animate({width:215},"slow");
            $("div.vraagteken_container").animate({width:280},"slow");
        });
    </script>


Maar krijg nog steeds het niet goed
 
Michael -

Michael -

28/01/2014 14:01:06
Quote Anchor link
Wat is er niet goed aan? Ik weet niet wat jouw wensen precies zijn.

Daarbij heb je nu 2x een actie op je vraagteken_plaatje. En moet je plaatje nog verdwijnen bij het verlaten van de link?

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
$('a.vraagteken').hover(function() {
    $("div.vraagteken_plaatje").show('animate',{width:215},"slow");
    $("div.vraagteken_container").show('animate', {width:280},"slow");
}, function() {
    $('div.vraagteken_plaatje').stop().hide("slow");
});
 
Hans -

Hans -

28/01/2014 14:11:02
Quote Anchor link
Oke ik zal even precies uitleggen wat ik wil.

Je moet alleen het vraagteken zien, als je erover heen hovert, klapt de hele div vloeiend uit. In die div zit dan ook dat plaatje, maar die klapt doormiddel van die div mee uit.

Mijn gedachte ging er eigenlijk naar dat ik dan bijvoorbeeld die div kan vullen met het plaatje en het vraagteken, en dan op een of andere manier die div onder de blauwe achtergrond kan laten verdwijnen, en als iiemand dan over het vraagteken gaat dat die div er dan uitkomt. Als je met je muis eraf gaat gaat hij weer terug. Ik dacht dat dat wel makkelijk was.
 



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.