Ik laat met "jQuery toggle" een popup weergeven met meer informatie over de inhoud van een bepaalde div. Dit werkt prima. Nu heb ik meerdere divs waardoor tegelijkertijd ook meerdere popups geopend kunnen worden. Ik wil graag dat als er een popup geopend is en een ander wordt geopend, de andere sluit. Er mag maar een popup tegelijkertijd getoond worden. Iemand een idee?

In een variable houd je het ID van de geactiveerde pop-up bij. In de .clifk(function(){ geef je dan aan dat iedere de geactiverde pop-up gesloten dient te worden en dat de jQuery(this) actief moet worden. Vervolgens plaats je dat ID ook in de desbetreffende variable.

Heb je misschien een voorbeeld?

Kan je mij misschien je pagina laten zien? Dan zorg ik er (gratis!) voor dat hij werkt.

Dat gaat helaas niet dus als je een voorbeeldje hebt zou dat fijn zijn :)

<script> var APopUp = "id_pop_up_1";
jQuery(".PopUP").click(function () {
jQuery(APopUp).slideDown();
jQuery(this).slideUp();
APopUp = jQuery(this).attr('id');
});
</script>

Hiermee zou het moeten lukken.
waarbij je APopUp initieel de waarde geeft van de eerste actieve pop-up.

Indien je het nog netter wilt:

var APopUp = "id_pop_up_1";
var First = true;
jQuery(".PopUP").click(function () {
if (First) {
jQuery(this).slideUp();
APopUp = jQuery(this).attr('id');
First = false;
} else {
jQuery(APopUp).slideDown();
jQuery(this).slideUp();
APopUp = jQuery(this).attr('id');
}
});

});

Hierbij wordt gekeken of er al een keer op een pop-up is geclicked. Je zou eventueel kunnen controleren op display:block indien je niet middels een extra variable wilt werken.