Hallo iedereen,

Ik ben momenteel bezig aan een website waar ik een klein javascriptje wil gebruiken.

Ik heb een lijstje van 4 dj-namen onder elkaar. Als ik op een dj klik, dan wordt er een div met info zichtbaar. Klik ik op een andere naam, dan verdwijnt de eerste info div en verschijnt de 2e. Ik kan dus vlot op alle namen klikken en telkens krijg ik de juiste info div.

Wat ik nu als laatste nog wil is dat wanneer ik op een naam klik waarvan de info div al zichtbaar is, dan zou hij deze terug onzichtbaar moeten maken.

Momenteel is dit mijn script:

Code:

<script type="text/javascript">
    function toggle_visibility(newSection) {
        $(".dj").not("#" + newSection).hide();
        $("#" + newSection).show();
    }
</script>

Zou iemand mij hier mee kunnen helpen?

Alvast bedankt.

Met vriendelijke groeten,
Michiel Kempen

Beste Michiel,

Dit kan eenvoudig door middel van onderstaande code:

if ($("#" + newSection).is(':visible')) {
// code als hij al zichtbaar is
}

Origineel gepost door Tom giesbergen

Beste Michiel,

Dit kan eenvoudig door middel van onderstaande code:

if ($("#" + newSection).is(':visible')) {
// code als hij al zichtbaar is
}

Beste Tom,

Bedankt voor je snelle reactie. Ik heb je scriptje toegepast en het werkt perfect.

Met vriendelijke groeten,
Michiel Kempen