나는이 HTML 구조가

Question

어린이 목록 찾기

jQuery('#sidebar .shopp_categories ul.children').parent().prepend('<span class="sidebar_cats_more"></span>'); 
jQuery('.sidebar_cats_more').click(function(){ 
    var $children_list = jQuery(this).find('ul').children().children(); 
    alert($children_list.html()); 
    $children_list.slideToggle(1000, function() { 
     if ($children_list.is(':visible')) { 

     } 
     if ($children_list.is(':hidden')) { 

     } 
     }); 
    }); 

내가 목록 항목에서 어린이의 목록을 찾을 필요가 어디

span.sidebar_cats_more 

앞에 붙었습니다. 이 목록을 찾으면 slideToggle을 사용하여 애니메이션으로 표시해야합니다. 문제는이 라인에 있습니다

var $children_list = jQuery(this).find('ul').children().children(); 

Answer 1

<ul> 요소는 .sidebar_cats_more의 아이가 아닌; 그 뒤에있는 요소의 자식입니다. (당신이 그것에 prepended).

$(this).parent().find('ul') 또는 $(this).next().find('ul') 쓰기. 그것은 늘 UL 요소를 찾을 수 있도록

Answer 2

span.sidebar_cats_more은 아이가없는. 문제가 무엇입니까

var $children_list = jQuery(this).siblings('ul');