Как выбрать дочерний элемент clicked в jQuery?

Question

Я хочу, чтобы slideToggle дочерний элемент, который я нажал, я попробовал это (DEMO), но все divs с классом .description будут slideToggle. Может ли кто-нибудь мне помочь?

HTML:

<div id="container"> 
<div class="row"> 
    <div class="item"> <div class="toggle"></div> 
    <div class="description"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet </div> 
    </div> 


    <div class="item"> <div class="toggle"></div> 
    <div class="description"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea c </div> 
    </div> 


    <div class="item"> <div class="toggle"></div> 
    <div class="description"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, </div> 
    </div> 
</div> 

JQuery:

$(document).ready(function(){ 
    $(".toggle").click(function(){ 
    $(".description").slideToggle(); 
    }); 
}); 

CSS:

.row{ 
    width:900px; 
} 
.toggle{ 
    width:150px; 
    height:200px; 
    margin:0 auto; 
    background:red; 
} 
.item{ 
    float:left; 
    width:300px; 
    text-align:center; 
} 
.description{ 
    display:none; 
    text-align:left; 
} 

Answer 1

Вы можете использовать .next(), чтобы найти брата или сестры элемент

$(document).ready(function() { 
    $(".toggle").click(function() { 
     $(this).next(".description").slideToggle(); 
     //$(this).sibling(".description").slideToggle(); 
    }); 
}); 

Demo: Fiddle