Есть простой список
<ol id="commentlist">
<li class="comment byuser">
Comment 1
<ul class="children">
<li>Subcomment 1.1</li>
<li>Subcomment 1.2</li>
<li>Subcomment 1.3</li>
</ul>
</li>
<li class="comment byuser">
Comment 2
<ul class="children">
<li>Subcomment 2.1</li>
<li>Subcomment 2.2</li>
</ul>
</li>
</ol>
И код, который добавляет ссылку "Еще комментарии" если внутри li есть .children.
$(document).ready(function() {
$('.comment .children').parent('.comment')
.after('<a rel="nofollow" class="toggleCom" href="#" class="comment-reply-link">Еще комментарии</a>');
//По клику на любую ссылку раскрываются все .children, а необходимо только для конкретной кнопки
$(".toggleCom").on("click", function(e){
$(".children").slideToggle();
});
});
Подскажите пожалуйста, как сделать чтобы по клику на ссылку скрывался и раскрывался список .children?
Обновил вопрос.