아래의 jQuery 코드를 사용하여 왼쪽에서 오른쪽으로 목록을 축소합니다. (http://jsfiddle.net/uvYDN/의 데모 참조)중첩 목록을 순차적으로 토글합니까?
$('ul').hide()
$('li').contents()
.filter(function() {return this.nodeType === 3})
.wrap('<a>');
$('a').click(function() {
$(this).next('ul').toggle()
})
이 기본 기능을 유지하고 싶지만 다음 중첩 수준의 항목은 ' 한 번에 모든 것이 나타나지만, 다른 마우스 클릭이나 키보드 입력과 같이 위에서 아래로 하나씩 순차적으로 나타납니다. 위의 데모에서 "Item 2"를 클릭하면 "Item 4"만 표시되고 "Item 5"는 다른 입력 후에 추가 될 것입니다.
프로그래밍에 익숙해 져서 조언이 도움이 될 것입니다!
답변 해 주셔서 감사합니다. 예, 다시 숨길 필요가 있습니다. "같은 논리를 사용하는 것"이 무슨 뜻인지 설명해 주시겠습니까? 그것은 정말 좋을 것이고 나를 많이 도울 것입니다. – Elip
@TigOldBitties :'$ (...). get (0))'을'$ (...). eq (0)'로 단순화 할 수 있습니다. – pimvdb
@BigOldBitties : 설명해 주셔서 고맙습니다. 배열에 대해 읽어야 할 것 같습니다. 나는 간단한 것을 시도했다 : "if (e.keyCode === 37) { if (i> 0) i--; $ ("li ") eq (i) .hide(); } 그러나 작동하지 않는 것 같습니다. – Elip