How to fix jQuery submenu accordion using nextUntil() and not()?

Question

I'm trying to use jQuery's nextUntil() but the other parent divs are closing when I click the child divs. I wanted to use the .not() before the nextUntil function.

I'm trying to achieve a correct way of hiding and showing child divs. Thanks

$('.content').click(function() {
    $(this).not('.head').nextUntil('.content').toggle('slow');
    $('.subcontentchild').hide();

    return false;
});

http://jsfiddle.net/pys5T/8/

Answer 1

You can specify multiple selectors separated by , :

$('.content').click(function() {
    $(this).nextUntil('.content,.head').toggle('slow');
    $('.subcontentchild').hide();

    return false;
});

See updated fiddle