Сворачивание элементов по клику jQuery

Есть простой список

<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?

Обновил вопрос.