javascript - 切换具有相同名称的 div 标签

Question

有没有办法切换 div 标签和它下面的 div(直到它到达同名的 div 标签)？

<div class="div">Here is more to read.</div>
<div class="job_description">Here is more to read.</div>
<div class="job_description">Here is more to read.</div>
<div class="job_description">Here is more to read.</div>

<div class="div">Here is more to read.</div>
<div class="job_description">Here is more to read.</div>
<div class="job_description">Here is more to read.</div>
<div class="job_description">Here is more to read.</div>

<div class="div">Here is more to read.</div>
<div class="job_description">Here is more to read.</div>
<div class="job_description">Here is more to read.</div>

我的 jQuery 似乎不起作用

 jQuery(function() {
 jQuery('.div').click(function() {
    var nextArticle =  jQuery(this).siblings('.job_description.'+jQuery(this))

    if (nextArticle.length) {
        nextArticle.is(':visible') ? nextArticle.slideUp() : nextArticle.slideDown();
    }

    return false;
});
});

谢谢

Answer 1

您可以使用 jQuery 的 nextUntil() 和 slideToggle() 一行完成:

jQuery('.div').click(function() {
    $(this).nextUntil(':not(.job_description)').slideToggle();
});

查看演示:http://jsfiddle.net/tgr3nyx4/2/