Hej,
mam pewien mały problem :) Dopiero uczę się javascript i nie mogę odnieść się do konkretnego elementu, ale łatwiej będzie mi to pokazać poprzez kod:
HTML:
<li>
<div class="content">
<div class="calendar">
**<div class="odpowiedz-na-opinie">
<img src="static/img/odpowiedz.png" alt="">
<p>Odpowiedz</p>
</div>**
</div>
</div>
**<div class="app-opinie-answer answer-add">**
<div class="app-opinion-answer " style="position:relative;">
<div class="answer-add-input">
<input type="text" placeholder="Wprowadź tekst i zatwierdź ENTEREM" name="opinia_odpowiedz" />
</div>
</div>
</div>
</li>
<li>
<div class="content">
<div class="calendar">
**<div class="odpowiedz-na-opinie">
<img src="static/img/odpowiedz.png" alt="">
<p>Odpowiedz</p>
</div>**
</div>
</div>
**<div class="app-opinie-answer answer-add">**
<div class="app-opinion-answer " style="position:relative;">
<div class="answer-add-input">
<input type="text" placeholder="Wprowadź tekst i zatwierdź ENTEREM" name="opinia_odpowiedz" />
</div>
</div>
</div>
</li>
a to kawałek JAVASCRIPT
$(function() {
$('.odpowiedz-na-opinie').click(function() {
$('.answer-add').slideToggle('slow');
});
});
Kod działa w ten sposób, że wszystkie divy .answer-add pod każdą opinią zaczynają się pojawiać, a chciałbym żeby pojawiał się tylko najbliższy.
Próbowałem z next(), ale nie udało mi się.
Może ktoś będzie w stanie mi podpowiedzieć co zmienić.