jQuery toggle

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

.NET backend developer, afwisselende projecten, ve

Voor een detacheerder in de regio Rotterdam zijn we op zoek naar een ervaren .NET developer. Het bedrijf bestaat uit circa 100 medewerkers waarvan 10 .NET developers. Dit zijn voornamelijk senior .NET developers. Omdat je via deze werkgever gedetacheerd wordt bij hun klanten, is werk afhankelijk van de opdracht waar je terechtkomt. Dit kan zijn bij een grote verzekeraar maar ook een bouwbedrijf of gemeente. Niet alleen betekent dit om de zoveel tijd (bijvoorbeeld 1 jaar) een nieuwe technische uitdaging maar ook een nieuwe omgeving waarin je terecht komt. Naast de afwisseling in je werk biedt dit bedrijf uitstekende opleidingsmogelijkheden.

Bekijk vacature »

Developer DataPower

Bedrijfsomschrijving Je komt als DataPower developer te werken in de regio Deventer/Apeldoorn bij een van de meest complexe IT omgevingen van Nederland. De organisatie is constant in beweging en bezig met de nieuwste tools en technieken, het is een platform waar immers miljoenen (!) gebruikers van afhankelijk zijn. De organisatie werkt met grote hoeveelheden data, zij richten zich zowel op de B2B als B2C markten en zijn pionier binnen hun gebied van expertise. Je komt te werken in een team met de beste DataPower specialisten die Nederland kent. Je zal bezig zijn met het ontwerpen, bouwen en testen op het

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 »

.NET Developer C#

Bedrijfsomschrijving Als Junior of Medior .NET Developer kom je te werken in de regio van Lelystad bij een organisatie die met toonaangevende klanten uit heel Nederland samen werkt. De producten en diensten van de organisatie bereiken miljoenen Nederlanders. Hierbij komt een grote hoeveelheid informatie kijken en deze moet discreet en veilig verwerkt worden. De processen die hierbij horen worden door het IT team vormgegeven. De organisatie heeft ook een adviserende rol, omdat het de klantprocessen raakt en de markt constant in beweging is. Je komt te werken bij een familiebedrijf met een prettige sfeer en een fijne werkomgeving. De IT

Bekijk vacature »

PHP Developer in centrum Leiden

Bedrijfsomschrijving Voor een tof bedrijf in het centrum van Leiden dat websites en (web)applicaties bouwt, ben ik op zoek naar een Medior/Senior PHP Developer. De projecten zijn hier érg uitdagend en dat mag je doen voor hele mooie opdrachtgevers. Dit bedrijf heeft de toekomst wat betreft E-platforms. Je komt te werken in een klein en sterk team waar jij, met zes collega's, gaat werken binnen PHP. Je overlegt hier met collega's en opdrachtgevers om mee te denken hoe je projecten gaat aanvliegen. De producten die ze maken zijn van hoge kwaliteit en dat geldt zowel op technisch als creatief vlak.

Bekijk vacature »

Senior fullstack .NET developer

Wil jij samen met gemotiveerde en slimme collega’s bouwen aan ons geavanceerde landschap in Azure? En vind je het ook nog eens leuk om jouw kennis te delen met junior- en medior devs? Dan heb je wellicht interesse in de positie van: Senior fullstack .NET developer voor ons kantoor in Alkmaar Over de positie: Bij SnelStart werken we in een AGILE-structuur om de productie meer focus en impact te geven. Met je collega’s kom je tot de beste resultaten door onderlinge discussie, goede refinement sessies, reviews en écht teamwork. Je hebt de vrijheid om de dingen te doen zoals jij

Bekijk vacature »

Senior Developer Adobe Experience Manager

In this role, you have the opportunity to • Work in an experienced Agile team. Developing high standard solutions in a complex and challenging environment. You are responsible for • Developing creative and maintainable solutions within existing Signify Digital Marketing landscape • Extending and Improving experience for the end users of the Signify products website You are a part of • A diverse (Onshore/Offshore) scrum team within the Signify IT Delivery organization. Functie-eisen To succeed in this role, you should have the following skills and experience : Java language Adobe Experience Manager ( AEM ) AEM Dispatcher (Apache Web Server)

Bekijk vacature »

Azure DevOps Engineer

AzureDevOps Engineer Functiebeschrijving: Loop jij ook altijd met je hoofd in de Cloud? En weet jij met jouw kennis en ervaring innovatieve en betrouwbare Cloud omgevingen te realiseren? Dan zit je goed bij CGI! Wat ga je doen? Als AzureDevOps Engineer help je onze klanten om hun bestaande applicaties te moderniseren en deze te migreren en aan te sluiten op de private- of public Cloud. Samen met collega’s binnen het DevOps team geef je antwoord op complexe Cloud vraagstukken en ben je verantwoordelijk voor de geautomatiseerde releases van een veilige IT infrastructuur van onze klanten. Wat breng je mee? Je

Bekijk vacature »

BI/SQL developer met uitstekende voorwaarden!

Bedrijfsomschrijving Mijn klant is een financiële dienstverlener gevestigd in Amersfoort. Ze hebben vestigingen in diverse landen en er werken momenteel ruim 500 mensen wereldwijd. Ze bieden een breed divers dienstenpakket aan. De afdeling waarin jij komt te werken bestaat uit 5 SQL-server/Business Intelligence specialisten. Het betreft een interne functie op een vaste werklocatie in een fijne omgeving. Tevens zijn de arbeidsvoorwaarden binnen deze organisatie uitstekend te noemen. Waaronder een vaste 13e maand. Functieomschrijving Mijn klant is op zoek naar een ervaren SQL-server database ontwikkelaar, met bij voorkeur kennis van Microsoft Business Intelligence tooling. Het team waarin je werkzaam wordt bestaat

Bekijk vacature »

IAM System Developer

Je zorgt ervoor dat nu en in de toekomst alle Coolblue’ers veilig en snel toegang krijgen tot de juist systemen. Hoe word ik IAM Developer bij Coolblue? Met je Powershell skills automatiseer je handmatig werk. Zo kunnen onze collega’s gemakkelijk op interne & externe systemen inloggen. Met de Adaxes workflows zorg je ervoor dat de support afdeling de juiste tools heeft om de eindgebruikers opweg te helpen of een self-service oplossing aanbieden zodat de eindgebruikers dat zelf kunnen regelen. Ook Identity & access developer worden? Jonne legt uit hoe je dat doet. Dit vind je leuk om te doen Samenwerken

Bekijk vacature »

Test Automation Engineer

Test Automation Engineer Functiebeschrijving: Heb jij ervaring met testautomatisering en testen van kritische applicaties? Wil je graag het verschil maken voor onze projecten in de financiële sector ? En wil je deel uitmaken van een zeer succesvol team? Wat ga je doen? Als ervaren Test Engineer ben je bent verantwoordelijk voor het opzetten en onderhouden van een Test Automation Framework en de integratie ervan in het Development- en Deliveryproces. Jij bent testtooling specialist in Micro Focus ALM/UFT, Tosca, SoapUI, Postman, Selenium, FitNesse en/of Robot Framework. Jij deinst niet terug van coding in een IDE en het gebruik van state-of-the-art test

Bekijk vacature »

Junior of medior .NET C# (web) ontwikkelaar, inhou

Ben je een junior of medior .NET C# ontwikkelaar en op zoek naar een nieuwe baan in Rotterdam? Een inhouse baan waar je werkt aan maatwerkapplicaties, direct contact hebt met klanten en samenwerkt met een leuk team van ontwikkelaars? Een baan waar je plezier haalt door de beste oplossing voor de klant te vinden? Wellicht dat deze organisatie dan iets voor jou is. Voor een software bedrijf in Rotterdam zijn we op zoek naar een .NET C# ontwikkelaar. Het bedrijf bestaat al meer dan 20 jaar en richt zich op het ontwikkelen van unieke software op maat (web, apps, desktop

Bekijk vacature »

Java Developer

Bedrijfsomschrijving You will work at a large and progressive financial organization with offices in the Netherlands and abroad. You work within the domain that is responsible for delivering several daily banking processes used by all our customers. The processes are fixed around life cycle management for the current accounts and packages, such as opening and closing an account. Your colleagues are all driven Engineers, who like to stay up-to-date with the latest technologies. You are going to work in a team that believes in the DevOps way of working. As Developer you are responsible for the technical structure of several

Bekijk vacature »

Front-end Developer WPF

Heb jij kennis en ervaring met WPF en C#? Ben je technisch en heb je goed gevoel voor design? Wil jij met jouw kennis de zorg verbeteren? Dan zijn wij op zoek naar jou! Jouw baan Als Front-end Developer bij Zorgplatform ga je werken aan de interface voor zorgprofessionals. Zorgplatform is een platform waarmee medische gegevens op een veilige manier uitgewisseld worden met andere instanties binnen de zorgsector. Zorgplatform ondersteunt onder andere het verwijzen van patiënten, het overdragen van patiënten en de gezamenlijke behandeling (shared care). Dit is hét nieuwe werken in de zorg. Met jouw oog voor design ga

Bekijk vacature »

Software Architect / Developer / C# / Azure / CQRS

Bedrijfsomschrijving Als Software Architect/Senior Developer kom je te werken bij een organisatie in regio Veenendaal wiens core business software development is voor oplossingen voor de vastgoed branche. Deze applicaties vormen de basis voor financiële processen en planningen en worden door een groot tal gerenommeerde organisaties in Nederland gebruikt. Samen met een team van 15 collega's (bestaande uit ontwikkelaars, testers, UX/UI Designer en een Product Owner), verdeeld over Nederland en een andere locatie in Europa, ga je als Software Architect / Senior Developer aan de slag om het gehele platform te moderniseren. Hiervoor maakten ze gebruik van Delphi en is het

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

25/01/2021 23:53:11
 
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.