Show-Hide div

Hej alle eksperter

Jeg arbejder på at integrere et script, som kan vise og skjule divs, når der klikkes på en trigger. Er en anden div synlig, skjules denne, før den nye vises. Jeg kan desværre ikke få det til at fungere, hvis jeg wrapper triggeren og den skjulte div i en ydre div - sådan her:

<div class="ydre-div">
  <div>Triggeren</div>
  <div>Den skjulte tekst</div>
</div>
<div class="ydre-div">
  <div>Triggeren</div>
  <div>Den skjulte tekst</div>
</div>

Scriptet ser således ud:

$(function() {
$(document).on('click', '.trigger', function(e) {
e.preventDefault();
$(this).siblings('.trigger').removeClass('close').addClass('open').next().slideUp(100);
if ($(this).hasClass('open')) {
$(this).removeClass('open');
$(this).addClass('close');
$(this).next().slideDown(100);
}
else {
$(this).removeClass('close');
$(this).addClass('open');
$(this).next().slideUp(100);
}
});
});

Man kan stadig vise og skjule divs ved at klikke på de forskellige triggere, men scriptet kan ikke lukke andre åbne divs.

:o) mccclaud