Скриване и показване на дивове с jquery

[DirectX]

Имам следното:

<div class="grid_12">
<div class="grid_6"><a href="#" class="show_hide"><font color='white'>Show/hide</font></a></h2>
        <div class="slidingDiv"> text</div>
<div class="grid_6"><a href="#" class="show_hide"><font color='white'>Show/hide</font></a></h2>
        <div class="slidingDiv">text</div>
</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
 
$(document).ready(function(){
 
        $(".slidingDiv").hide();
        $(".show_hide").show();
 
    $('.show_hide').click(function(){
    $(".slidingDiv").slideToggle();
    });
 
});
 
</script>

Оообаче се получава че всичките дивове се показват и скриват едновременно, а аз искам само конкретния...

 

[Anonymous]

Замени това

$(".slidingDiv").slideToggle();

с това

$(this).siblings(".slidingDiv").slideToggle();

:lol:

 

[DirectX]

Замени това

$(".slidingDiv").slideToggle();

с това

$(this).siblings(".slidingDiv").slideToggle();

:lol:

Не работи..(нито се показват нито се скриват)

 

[Anonymous]

Постни целия си код тука, след като си го променил :idea:

 

[anonimen]

Така: http://jsfiddle.net/3LWF6/ ?

 

[DirectX]

Така: http://jsfiddle.net/3LWF6/ ?

раааааааааааааааботи !