Есть такая структурка из двух блоков типа div#item:
<div id="item" class="new">
<div class="button"></div>
<div class="text">REALLY TEXT IS HERE!</div>
<div class="otherinfo"></div>
</div>
<div id="item" class="new">
<div class="button"></div>
<div class="text">OTHER TEXT IS HERE!</div>
<div class="otherinfo"></div>
</div>
и к нему Jquery:
$(function() {
$('.button').click(function() {
$('.text').slideDown(300);
});
});
Но по нажатию на div.button открываются div.text обоих блоков, а нужно что бы открывался только тот, на который я нажал через div.button
другими словами: мне нужно как то добраться до объекта (имеющего одинаковый класс с другими), который находится внутри родительского блока на кнопку которого я нажал.
На подобии механизма аккордеона.