Jquery show/hide

[hawky]

In mijn website heb ik een div .bericht met daarin 2 divjes .omschrijving en .bijlagen

<div class="bericht">
<div class="omschijving"></div
<div class="bijlagen"></div>
</div

En ik zou graag als je op de omschrijving klikt, dat het bericht ge-exposed word en bijlagen geshowd worden.

$().ready(function() {
$(".bijlagen").hide();
$(".omschrijving").click(function(){  
	  $(this).parent(".bericht").expose({color: 'black',onBeforeLoad: function() {
				$(this).next(".bijlagen").slideToggle(350);
			},
			onBeforeClose: function() {
				$(this).next(".bijlagen").slideToggle(350);
			}}); 
	});
});

Als ik $(this).next(".bijlagen").slideToggle(350); vervang door $(".bijlagen").slideToggle(350); werkt het wel ,maar dan laat hij de bijlagen van alle berichten zien. hoe kan ik dit oplossen?

Groeten Brecht

 

[mark199]

Het probleem is dat $(this) in $(this).next(".bijlagen") niet hetzelfde is als de $(this) in
$(this).parent(".bericht"). Als je van de omschrijving een variabele maakt, dan gaat het wel goed. Zie onderstaand voorbeeld.

Ow ja je div heeft een class omschijving ipv omschRijving....

        $().ready(function () {
            $(".bijlagen").hide();
            $(".omschrijving").click(function () {
                var omschrijving = $(this);
                omschrijving.parent(".bericht").expose({ color: 'black', onBeforeLoad: function () {
                    omschrijving.next(".bijlagen").slideToggle(350);
                },
                    onBeforeClose: function () {
                        omschrijving.next(".bijlagen").slideToggle(350);
                    }
                });
            });
        });

 

[hawky]

Heel erg bedankt!