토글

$(this).next('ul').slideToggle('normal').siblings('ul:visible').slideUp('normal');


$(this).next('ul').slideToggle('normal');
$(this).siblings('ul:visible').slideUp('normal');

첫번째 것 과 두번째 것은 결과가 다르다.

왜냐하면 $(this).siblings('ul:visible').slideUp('normal');을 실행할대 siblings에 $(this).next('ul').slideToggle('normal');에서 visible로 바뀐 ul태그도 포함이 되어버리기 때문이다.

첫번째 것에는
$(this).next('ul').slideToggle('normal').siblings('ul:visible') 여기까지 쿼리가 실행되었을때 $(this).next('ul')값이 아직 ul: not visible이기 때문이다.