jQuery - 선택한 항목 토글

Question

jQuery 작업에 문제가 있습니다.

이

내 HTML :

이

<h3>Task</h3> 
    <ul>...</ul> 
    <ol>...</ol> 

<h3>Second Task</h3> 
    ... 

내 jQuery를 스크립트 : H3 헤더 사이

$(document).ready(function() { 
    $('h3').click(function() { 
     $(this).nextUntil('h3').toggle(); 
    }) 
}) 

내 코드 토글 모든 상황,하지만 내가 필요로 내가 헤더에 클릭 한 후 '팔자'컨텍스트를 전환해야 그냥 '올'. 도움을 주셔서 감사합니다.

Answer 1

.last()을 사용하면 컬렉션의 마지막 요소 (이 경우 ol) 만 토글 할 수 있습니다.

업데이트 : 당신이 당신의 <ol> 후 뭔가를해야 경우, 당신은 원하는 목록을 대상 있는지 확인 .filter('ol')를 사용하는 것이 좋습니다.

$(document).ready(function() { 
 
    $('h3').click(function() { 
 
     $(this).nextUntil('h3').filter('ol').toggle(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h3>Task</h3> 
 
    <ul><li>list1-1</li><li>list1-2</li></ul> 
 
    <ol><li>list2-1</li><li>list2-2</li></ol> 
 

 
<h3>Second Task</h3>