jQuery toggle

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Java Developer FlightInfo

De functie Organization We are an aviation company with an important social mission. With our airports, we create value for society and the economy. If you come on board at Royal Schiphol Group, you will enter a world that is always on the move. Your development also determines our development. We offer you all the space you need to keep moving and invest in your development and health. We base this on your own talents and qualities, because we urgently need them to achieve our ambitions: to become and remain Europe's Preferred Airport and a zero-waste airport in 2030! The

Bekijk vacature »

Senior Java developer (backend)

Wat je gaat doen: Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je diepgaande

Bekijk vacature »

Medior .NET Developer

De uitdaging Als medior .NET developer ontwikkel en implementeer je kwalitatieve software bij toonaangevende organisaties. Jouw oplossingen leveren direct een bijdrage aan de bedrijfsprocessen van de klant. Hoe komt dit tot uiting: Je komt te werken in een High Performance Team waarbij je veel gebruikmaakt van Scrum. Door de ruime ontwikkelmogelijkheden, het volgen van opleidingen en het behalen van certificeringen ben jij altijd up to date van de nieuwste technologieën en tools. Dit ben jij Geen detail ontsnapt aan jouw oog. Je bent analytisch en ziet snel verbeteringen en mogelijkheden in software. Je maakt zelfstandig keuzes, zorgt ervoor dat je

Bekijk vacature »

Python developer

Wat wij bieden hybride werken, d.w.z. 50% op kantoor en 50% vanuit huis; opleidingsmogelijkheden die niet worden beperkt door een vast budget; flexibele werktijden en direct een contract voor onbepaalde tijd; 20 vakantiedagen en daarnaast 4,7% van je salaris om flexibel in te vullen; een mobiliteitsbudget dat aansluit bij jouw manier van reizen. Wat jij meeneemt een hbo- of wo-diploma in een technische richting; ervaring met Python gerelateerde frameworks en tools als NumPy, TensorFlow en Panda’s. Of Flask/Django met SQLAlchemy; minstens 3 jaar ervaring in het ontwikkelen van applicaties met Python; een flinke dosis ambitie. De uitdaging Samen met je

Bekijk vacature »

Front end Developer Geo

Wat wij bieden onderdeel van de Data community met meer dan 150 gepassioneerde en ervaren vakgenoten; de focus op het werken in een van onze High Performance Teams (HPT) bij gerenommeerde klanten; opleiding en groei staat hoog in ons vaandel: neem deel aan bijvoorbeeld conferenties of symposia; je werkt in een hightech omgeving met focus op kennis en innovatie, een open no-nonsense bedrijfscultuur met ruimte voor eigen initiatief; werken met minder reistijd; remote & flexibel; een omgeving waarin ondernemerschap en eigen initiatief worden gestimuleerd; veel mogelijkheden voor opleiding, ontwikkeling en doorgroei; een cultuur waar collegialiteit, kennisdeling en samenwerking centraal staan;

Bekijk vacature »

.Net Developer

Samengevat: Onze software zorgt voor inzicht en controle bij vastgoedbedrijven Wil jij de functionaliteiten verbeteren? Heb jij ongeveer vier jaar aan relevante ervaring? Vaste baan: .Net Developer Engels Java API 2.800 - 4.400 .Net Developer Deze werkgever levert innovatieve All-in-One Property Management Software voor Vastgoed Beleggings– en Property Management Organisaties. We zijn voorloper op het gebied van het toepassen van bewezen nieuwe technieken, die ervoor zorgen dat vastgoedprocessen en werkzaamheden die nog niet geautomatiseerd konden worden, nu wel volledig geautomatiseerd kunnen worden. Met hun oplossingen worden inzicht en rust gecreëerd, aantoonbaar tijd bespaard en groei gerealiseerd. Zij werken voor grote

Bekijk vacature »

.NET developer

Over deze functie Als .NET developer bouw je mee aan innovatieve dienstverlening en draag jij bij aan de groei van de organisatie. Kenter groeit namelijk hard op het gebied van kwaliteit, professionaliteit en innovatie en is altijd op zoek naar verbeteringen. Zij richten zich op de ontwikkeling van moderne meetoplossingen, ook juist op korte termijn. Zo kunnen zij vooruitlopen op het gebied van IoT, realtime data en andere innovatieve oplossingen. Als .NET developer ben je van onschatbare waarde. Je werkt samen met ruim 20 IT professionals aan zowel greenfield- als legacy-projecten. Dat doe je in samenwerking met ontwikkelaars, data engineers,

Bekijk vacature »

Freelance senior Programmeur (zzp)

Dienst Uitvoering Onderwijs Uren per week: 36,00 Standplaats: Groningen Max tarief: € 90,00 Startdatum inzet: 2-1-2023 Einddatum inzet: 1-1-2024 Wat doen we voor werk momenteel? Nieuwe applicaties: We bouwen nieuwe applicaties voor inwinnen B3/B4 scholen. Deze scholen kunnen inschrijvingen via een website aanleveren per keer of meerdere inschrijvingen via bestand. Deze inschrijvingen leggen we vast en ze kunnen ook beheerd worden. Moderniseren: Daarnaast hebben we zoals alle andere teams ook een flinke migratie voor de boeg om in de Cloud te landen. Eén applicatie (AVOID) hebben we al succesvol gemigreerd en deze draait bijna in PRD. De grootste uitdaging voor

Bekijk vacature »

Freelance java developer / scrummaster (zzp)

Belastingdienst B/cao Startdatum inzet: 9-1-2023 Einddatum inzet: 31-12-2023 Uren per week: 36,00 Standplaats: Apeldoorn Max tarief: € 82,00 Voor onze partnerorganisatie, de Belastingdienst, zijn wij op zoek naar een Java Developer met kennis van en ervaring met de Scrum methodiek. In deze rol wordt er van je gevraagd dat je: Brede ervaring hebt als JAVA-ontwikkelaar; Weet wat er van een scrummaster wordt verwacht; Als volwaardig teamlid participeert binnen het scrumproces in je team en in de SAFe-releasetrain; Zowel zelfstandig kunt werken in een scrumteam als intensief de samenwerking zoekt met je directe collega’s en je omgeving; Samenwerkt met je collega’s

Bekijk vacature »

Senior iOS Developer

In this role you'll work as an Senior iOS Developer on different innovative projects. You will write clean code and you have experience with reviewing code as well. You are paying attention to details, that's what make their apps successful. With an innovative mindset and working as a team they know they are able to develop iOS apps which are top notch. Functie-eisen 5 + years experience with programming Working with new and existing applications in Swift. Contributing to the optimization of the applications. Sharing your programming skills and coaching your colleagues You have experience with code review You are

Bekijk vacature »

Front-end Developer

Wat wij bieden Hybride werken, met als uitgangspunt 50% op kantoor en 50% vanuit huis; Flexibele werktijden en direct een contract voor onbepaalde tijd; Een goed salaris wat aansluit bij je kennis en ervaring; 20 vakantiedagen en daarnaast 4,7% van je salaris om flexibel in te vullen, bijvoorbeeld goed voor 7 extra vakantiedagen; Opleidingsmogelijkheden op basis van behoefte en ambitie; dus geen vast budget; Een uitgebreid en gevarieerd JavaScript-klantenportfolio door heel het land; Ontspanning! We organiseren de nodige social events waaronder een weekend Ardennen, learning weekenden, zeilen met de hele club, pretpark uitjes, et cetera; De mogelijkheid om aanwezig te

Bekijk vacature »

Freelance applicatieontwikkelaar (zzp)

Belastingdienst B/cao Startdatum : 2-1-2023 Tijdelijke functie, met optie op vast Aantal uren per week : 36 Standplaats in overleg : Apeldoorn Applicatieontwikkelaar bij het Ministerie van Financiën- Belastingdienst We zoeken een consultant/developer met ervaring in de ontwikkeling van back-end systemen. Als consultant heb je kennis en ervaring met de wijze waarop Open Formulieren is opgezet. Je bent een vraagbaak voor collega’s en deelt waar nodig je kennis. Je hebt ervaring met het werken in een open source omgeving. Je bent thuis in verschillende frameworks of je kunt je die snel eigen maken. Je hebt aantoonbaar ruime kennis van en

Bekijk vacature »

Mendix Consultant / Developer

Dit ga je doen Het in kaart brengen en analyseren van de functionele wensen van de klant rondom Mendix applicaties; Het fungeren als sparringpartner voor de (interne) klanten; Het opstellen van requirements en het vertalen hiervan naar technische mogelijkheden; Het opstellen van user stories; Het bouwen van de Mendix applicaties in samenwerking met jouw team of zelfstandig; Het testen van op te leveren software en het zorg dragen voor de implementatie; Trainen van gebruikers in het gebruik van de applicatie; Werken in een Agile omgeving. Hier ga je werken De organisatie begeeft zich in de retail branche en focust zich

Bekijk vacature »

Fasttrack learning & development voor Java dev

Wat je gaat doen: Wij zoeken enthousiaste en ambitieuze junior en medior ontwikkelaars die toe zijn aan de volgende stap in hun carrière. Wij helpen je op je pad naar senior ontwikkelaar door ons fasttrack learning en development programma. Na een kort en intensief programma ga jij aan de slag bij klanten van DPA. Daarnaast krijg je veel ruimte om je te ontwikkelen als persoon en als specialist. De eerste maand gaan we aan de slag om je certificeringen te behalen waaronder OCP (Oracle Certified Professional). Daarnaast nemen we een deepdive in Spring Boot. Ook laten we je kennismaken met

Bekijk vacature »

PHP developer

De Louwman Group wil door middel van innovatie een grote stap voorwaarts zetten in de digitalisering van de mobiliteit om daarmee klanten optimaal te kunnen ondersteuning in hun behoeftes. Hoe gaaf is het om bijvoorbeeld aan de slag te gaan met nieuwe innovaties als connected car en car sharing, ook zijn we hard aan de slag om al onze producten en diensten digitaal beschikbaar te maken, dus wie weet koopt er iemand via een door jouw gemaakte checkout een nieuwe auto of rolstoel! Wat ga je doen? Je komt terecht in een leuk en gezellig team van ervaren developers, samen

Bekijk vacature »
Robin S

Robin S

07/09/2012 17:35:54
Quote Anchor link
Beste leden,

Ik ben bezig met een simpele website die bestaat uit 4 verschillende onderdelen.
Deze onderdelen kunnen door 4 afbeeldingen geopend worden. Daarnaast moet daaronder nog een menu staan die ook tussen deze 4 onderdelen kan navigeren.

Nu heb ik al het een en ander geprobeerd maar het wil maar niet lukken.
Zie voorbeeld link:
http://rcsdesign.nl/amx/dca/

De 4 afbeeldingen werken prima, en de divs sluiten zich ook weer nadat je op "< Back" klikt. Echter krijg ik het niet voor elkaar de 4 links onderaan werkend te krijgen.

Ik wil graag dat deze dus eerst alle 4 de divs sluit, en daarna de juiste opent.

Dit is de code die ik gebruik:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html>
<head>
  <title>Digital Coast Advisors</title>
  <link rel="stylesheet" type="text/css" media="screen" href="style.css"/>
  <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.23.custom.css" rel="stylesheet" />
  <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
  <script type="text/javascript" src="js/jquery-ui-1.8.23.custom.min.js"></script>
  <script type="text/javascript">
$(function() {

  $("#open_founder").click(function()  {
    $("#content_founder").toggle("clip", { direction: "vertical" });
  });
  $(".open_founder").click(function()  {
    $("#content_founder").toggle("clip", { direction: "vertical" });
  });
  
  $("#open_hollywood").click(function()  {
    $("#content_hollywood").toggle("clip", { direction: "vertical" });
  });
  $(".open_hollywood").click(function()  {
    $("#content_hollywood").toggle("clip", { direction: "vertical" });
  });
  
  $("#open_washington").click(function()  {
    $("#content_washington").toggle("clip", { direction: "vertical" });
  });
  $(".open_washington").click(function()  {
    $("#content_washington").toggle("clip", { direction: "vertical" });
  });
  
  $("#open_world").click(function()  {
    $("#content_world").toggle("clip", { direction: "vertical" });
  });
  $(".open_world").click(function()  {
    $("#content_world").toggle("clip", { direction: "vertical" });
  });
  
  $("#close_founder").click(function()  {
    $("#content_founder").toggle("clip", { direction: "vertical" });
  });
  
  $("#close_hollywood").click(function()  {
    $("#content_hollywood").toggle("clip", { direction: "vertical" });
  });
  
  $("#close_washington").click(function()  {
    $("#content_washington").toggle("clip", { direction: "vertical" });
  });
  
  $("#close_world").click(function()  {
    $("#content_world").toggle("clip", { direction: "vertical" });
  });
  
  $(".close_all").click(function()  {
    if ($(content_founder).is(":visible")) {
      $("#content_founder").toggle("clip", { direction: "vertical" });
    }
    if ($(content_hollywood).is(":visible")) {
      $("#content_hollywood").toggle("clip", { direction: "vertical" });
    }
    if ($(content_washington).is(":visible")) {
      $("#content_washington").toggle("clip", { direction: "vertical" });
    }
    if ($(content_world).is(":visible")) {
      $("#content_world").toggle("clip", { direction: "vertical" });
    }
  });
  
});
  </script>
</head>
<body>

<div id="container">
  <div id="logo"><img src="logo.png" /></div>
  <div id="menu">
    <div class="menu"><img src="1.png" id="open_founder" /></div>
    <div class="menu"><img src="2.png" id="open_hollywood" /></div>
    <div class="menu"><img src="3.png" id="open_washington" /></div>
    <div class="menu"><img src="4.png" id="open_world" /></div>
  </div>
  <div id="content">

    <div id="content_founder">
      <img src="1.png" class="content_img" />
      <h1>founder</h1>
      <p>Franklin Urteaga is CEO of Digital Coast Advisors, Inc., which be founder in 2000 following a distinguished career in business and public service, including various roles serving U.S. President Bill Clinton & Vice President Al Gore. Ge graduated summa cum laude with a Masters degree in Public Management & Government, specializing in Executive, Legislative & Regulatory Management, from The George Washington University, and holds a Bachelor of Science degree in Industrial Technology.</p>
      <br /><br />
      <a href="#" id="close_founder"><img src="back.png" /></a>
    </div>

    <div id="content_hollywood">
      <img src="2.png" class="content_img" />
      <h1>hollywood</h1>
      <p>Fulfill your vision... with Hollywood, Entertainment, and Media.</p>
      <br /><br />
      <a href="#" id="close_hollywood"><img src="back.png" /></a>
    </div>

    <div id="content_washington">
      <img src="3.png" class="content_img" />
      <h1>washington</h1>
      <p>Maximize your potential... with the White House, Capital Hill, & the federal agencies.</p>
      <br /><br />
      <a href="#" id="close_washington"><img src="back.png" /></a>
    </div>

    <div id="content_world">
      <img src="4.png" class="content_img" />
      <h1>world</h1>
      <p>Extend your reach... to foreign governments, international corporations, and global public organizations.</p>
      <br /><br />
      <a href="#" id="close_world"><img src="back.png" /></a>
    </div>

  </div>
  
  <div id="footer_menu">
    <ul>
      <li><a class="close_all open_founder">Founder</a></li>
      <li><a class="close_all open_hollywood">Hollywood</a></li>
      <li><a class="close_all open_washington">Washington</a></li>
      <li><a class="close_all open_world">World</a></li>
    </ul>
  </div>
</div>
 
</body>
</html>


Iemand enig idee hoe ik dit kan oplossen?

Alvast bedankt!!
Gewijzigd op 07/09/2012 17:36:25 door Robin S
 
PHP hulp

PHP hulp

05/02/2023 05:00:14
 
Robin S

Robin S

09/09/2012 13:36:20
Quote Anchor link
Toevallig iemand die wat weet? Heb nog het een en ander geprobeerd maar kom er niet verder mee..
 
Jurgen B

Jurgen B

09/09/2012 21:24:38
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
$(function() {
    
    $("[id^=open_]").on('click', function() {
        var openid = $(this).attr('id').replace(/[a-zA-Z]+(?=_)/g, 'content');
        $('#' + openid).toggle("clip", { direction: "vertical" });
    });
    
    $("[id^=close_]").on('click', function() {
        $("[id^=content_]:visible").toggle("clip", { direction: "vertical" });
    });
    
    $("[class^=open_]").on('click', function() {
        var openid = $(this).attr('class').replace(/[a-zA-Z]+(?=_)/g, 'content');
        var visContent = $("[id^=content_]:visible")
        
        if (visContent.length > 0) {
            visContent.toggle("clip", function() {
                direction: "vertical";
                $('#' + openid).toggle("clip", { direction: "vertical" });
            });
        } else {
            $('#' + openid).toggle("clip", { direction: "vertical" });  
        }
   });
    
});


Bovenstaand en de close_all class weghalen bij de links in bottom menu, en dan zou het moeten werken.
Gewijzigd op 09/09/2012 21:25:07 door Jurgen B
 
Robin S

Robin S

09/09/2012 22:19:43
Quote Anchor link
@Juren B:
Moet ik dit toevoegen aan mijn bestaande jQuery script? Of is dit een volledige vervanging hiervan?
 
Reshad F

Reshad F

09/09/2012 22:32:58
Quote Anchor link
je moet de code van jurgen erin plaatsen ipv jou code. en de class close_all weghalen in je bottom "footer" links
 
Robin S

Robin S

09/09/2012 23:12:43
Quote Anchor link
Geweldig! Dit werkt perfect! Hartstikke bedankt :)

Toevoeging op 09/09/2012 23:12:43:

Geweldig! Dit werkt perfect! Hartstikke bedankt :)
 



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.