Toggle div show не работает после запроса ajax - Javascript/Ajax

Question

У меня есть jquery toggle, чтобы показать/скрыть раздел комментариев на div. Однако у меня есть раздел комментариев, разбивающийся по страницам, по какой-то причине запрос ajax останавливает показ/скрытие от работы. Любые идеи парней?

Jquery код

$('.show-all-comments').click(function() { 
     $(this).parent().next('.comments-box').slideToggle("fast"); //slide following class called .comments-box 
    }); 

    jQuery(function($) { //function for pagination. 
     $('.post-list').on('click', '#pagination a', function(e){ 
      e.preventDefault(); 
      var link = $(this).attr('href'); 
      console.log(link); 
      $('.post-list').fadeOut(200, function(){ 
       $(this).load(link + ' .post-list', function() { 
        var link = $(this).attr('href'); 
        $(this).fadeIn(100); 
       }); 
      }); 
     }) 

HTML OUTPUT

<div class="large-5 medium-5 small-12 columns"> 
      <a class="show-all-comments btn-third-priority">See Comments</a> 
     </div> 
<div class="large-7 medium-7 small-12 columns"> 
      <p style="padding-top: 10px; margin-bottom: 4px; font-size:0.9em;">One Response to "Post" 
</div> 

<div class="comments-box">Content</div> 

Если удалить нумерацию страниц, показать все сообщения на странице это позволит ему работать

Спасибо,

DIM3NSION

Answer 1

я вижу одну ошибку, не уверен, что это проблема с нумерацией страниц, но может быть, вы говорите

$('.show-all-comments').click(function() { 
      $(this).parent().next('.comments-box').slideToggle("fast"); //slide following class called .comments-box 
     }); 

, но это не будет работать с HTML выход вы показали. Для того, чтобы сделать его работу, вы должны изменить к

$('.show-all-comments').click(function() { 
      $(this).parent().siblings('.comments-box').slideToggle("fast"); //slide following class called .comments-box 
     }); 

Следующая функция() будет выбрать сразу после родственный, и если селектор будет добавлен, он будет соответствовать его, только если он соответствует селектору. Проблема заключается в том, что .comments-box не является непосредственным последующим братом, так как существует этот DIV-узел между