jQuery - 選択した項目を切り替える

Question

jQueryタスクに問題があります。私は、ヘッダーをクリックした後、「老いたコンテキストを切り替える必要があります：

私のhtml：

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

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

は私のjQueryのスクリプト：

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

私のコードは、H3ヘッダ間のすべてのコンテキストを切り替えたが、私は必要toogleだけ 'ol'。 ありがとうございました。

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>