Команда slideUp игнорируется, но работает в консоли?

Question

Ниже приведен фрагмент кода, предназначенный для отображения комментариев определенного потока, который выбран.

$('.comments-count').click(function(){ 
    if(!commentsDown){ 
     $(this).parent().parent().siblings('.comments').stop().slideDown(); 
     commentsDown = true; 
     currentlyDown = $(this).parent().parent().siblings('.comments'); 
    }else{ 
     $(currentlyDown).stop().slideUp(); 
     var newDown = $(this).parent().parent().siblings('.comments'); 
     if(newDown != currentlyDown){ 
      $(this).parent().parent().siblings('.comments').stop().slideDown(); 
      commentsDown = true; 
      currentlyDown = $(this).parent().parent().siblings('.comments'); 
     }else{ 
      commentsDown = false; 
      currentlyDown = null; 
     } 
    } 
}) 

$(currentlyDown).stop().slideUp(); Линия работает, если вы разместите его в консоли, но по какой-то причине он игнорируется в этом сценарии. Я ввел команды console.log() и показал, что он определенно должен выполнить его.

commentsDown и nowDown являются глобальными переменными, изначально установленными как false, так и null соответственно.

's JSFiddle. В настоящее время потоки представляют собой статический HTML. Как вы можете видеть, если вы открываете поток, а затем открываете другой, он отлично работает, но он не работает, чтобы закрыть поток.

Answer 1

Вы должны быть в состоянии уменьшить весь ваш блок кода:

$(document).ready(function() { 
    $('.comments-count').click(function() { 
     $('.comments-count').not($(this)).parent().parent().siblings('.comments').stop().slideUp(); 
     $(this).parent().parent().siblings('.comments').stop().slideToggle(); 
    }) 

    //Log colour pattern 
    $('div.event-log-entry:even').addClass('evens'); 
    $('div.event-log-entry:even .comments-count').addClass('evens'); 
}) 

jsFiddle example

Answer 2

Добавьте свою функцию в теги document.ready;

$(document).ready(function() { 
//insert your code here 
}); 

Для получения дополнительной информации. перейти на этом сайте: http://learn.jquery.com/using-jquery-core/document-ready/

Надеется, что это помогает :)