Hallo

Ik ben nu al enige tijd bezig met een jQuery scriptje te maken/vinden.
Bedoeling is om via een aantal links DIV's te laten toggle'en ... op zich geen probleem.

Nu moeten de DIV's die opengeklapt moeten worden buiten de container staan.
Ik ben niet zo thuis in jQuery dus zit ik op Google te zoeken naar mogelijkheden om aan te passen.
Vaak werken die stripten met .next() - maar dan kan niet vermits de DIV's buiten de container staan.

Dit zou moeten gebeuren met een slide effectje ... dat kan nu toch niet zo moeilijk zijn dacht ik eerst :-)

Code:

<a href="#">link open div 1</a>
<a href="#">link open div 2</a>
<a href="#">link open div 3</a>

<div class="div_1">_text_1</div>
<div class="div_2">_text_2</div>
<div class="div_2">_text_3</div>

Groeten
Wesley

Ik weet uit de beschrijving niet precies wat je bedoelt, maar ben je op weg geholpen als ik het volgende zeg?

div's : display:none; (niet visibility:hidden;)

$('JE-LINK').click(function() { $('JE-DIV').slideDown(); }) ;

En natuurlijk een functie erbij die ervoor zorgt dat ze weer "verdwijnen"

Bedankt voor uw reactie!
Momenteel heb ik dit als HTML dit :

Code:

<a id="div_1" class="link">link open div 1</a> <br />
<a id="div_2" class="link">link open div 2</a> <br />
<a id="div_3" class="link">link open div 3</a> <br /><br />

<div class="section div_1" style="display:none;">_text_1</div>
<div class="section div_2" style="display:none;">_text_2</div>
<div class="section div_3" style="display:none;">_text_3</div>

Voor het script gebruik ik dit :

Code:

$('.link').click(function() { 
                
       clicked_id = jQuery(this).attr("id");
       clicked_class = '.' + clicked_id;
       $('.section').slideUp('slow');
       $(clicked_class).slideDown('slow');
                
});

Concreet ... ik zou graag een toggle effect verkrijgen waarbij de vorige DIV toe zal schuiven wanneer men een andere DIV gaat openen ( = openschuiven ) - Wat ik nu doe werkt, maar lijkt me niet ideaal te zijn? Op het internet zijn er scripts genoeg te vinden, maar steeds staat de openschuivende DIV binnen dezelfde container van de open-link ... In mijn geval staan de openschuivende DIV's elders op de pagina.

Wat je nu hebt werkt; ik zie er niets geks aan. Je hebt het aangepakt zoals ik ook zou doen: klikken op id X (div_1), algemene class voor de slides (section) en een unieke class gelijk aan id (div_1); algemene class hiden via slide en geklikte unieke class in laten sliden.

Gewoon straight forward en niets geks aan; gewoon laten zo.

Goed, dan hou ik het zo ... dacht dat er misschien een betere manier zou zijn ... bedankt voor de input :-)

Origineel gepost door Marcel van Vrouwerf

Wat je nu hebt werkt; ik zie er niets geks aan. Je hebt het aangepakt zoals ik ook zou doen: klikken op id X (div_1), algemene class voor de slides (section) en een unieke class gelijk aan id (div_1); algemene class hiden via slide en geklikte unieke class in laten sliden.

Gewoon straight forward en niets geks aan; gewoon laten zo.