jQuery nested loop nextUntil selector

Question

So I basically have the following files and html document

jQuery(function () {
jQuery(".jx_form_Annuairecommunal").click(function () {
    jQuery(this).nextUntil().find('.level3').slideToggle(300);
    return false;
});
});

my problem is that im not being able to stop the accordion effect to the next .level0.level2

My nextUntil() function doesnt end where desired and so it expands the whole accordion with all .level3 open

Thx for ur helpful answers in advance

Maybe you wanted jQuery(this).nextUntil('div.level3').slideToggle(300); ? This will get all elements next to current untill div with class 'level3' — Vit Kos
– Vit Kos, Commented Nov 19, 2013 at 9:36
A. Wolff I have unique IDs and Vit Kos ur method toggles my .level2 without showing any .level3 — mm2000
– mm2000, Commented Nov 19, 2013 at 9:44

Arun P Johny · Accepted Answer · 2013-11-19 09:59:59Z

3

Try

jQuery(function ($) {
    $(".jx_form_Annuairecommunal").click(function () {
        $(this).nextUntil('.jx_form_Annuairecommunal:has(.level0 .level2)').find('.level3').slideToggle(300);
        return false;
    });
});

Demo: Fiddle

answered Nov 19, 2013 at 9:59

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

mm2000 Over a year ago

Arun P Johny ur the boss Thx a lot !

Collectives™ on Stack Overflow

jQuery nested loop nextUntil selector

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related