Не работает slideToggle?

Question

[Mr. Pavlyukov]

$(function(){
  var $rows = $('.project__add'); // Блок в котором лежит все остальное
$('.project__add').click(function(){
    var $row = $(this).parents('[id^=row]');// тут лучше использовать общий класс
    $('.table__row--child').insertAfter($row).slideToggle('slow');
    var $icon = $row.find('.fa-stack').children('i:last-child');
    $rows.find('.fa-stack').children('i:last-child').not($icon).removeClass('fa-minus');
    $icon.toggleClass('fa-minus');
});
});

Есть такой код, если поставить FadeIn, то работает после того как он уже развернется.
Структура HTML:

<tr id="row12" class="table__row">
      <td class="people"><a href="#" class="people__list">JB</a></td>
       <td class="project">
            <a class="project__link" href="#">PSCOM</a>
            <div class="project__add">
                            ......
             </div>
         </td>            
</tr>
<!-- DROPDOWN TABLE -->
<tr id="child1" class="table__row--child">
    ....
</tr>

Помогите починить, он просто быстро открывается и всё. Нет плавности.