Using detach to fix View All in navigation

jquery-boyce-nav.js

var viewAll1 = function (e) {
    e.preventDefault();
    $me = $(this);
    $kids = $me.parent().find('.children').detach();

    $me.closest('.children').
        find('li:hidden').
        show().
        end().
        after($kids).
        end().
        hide();
};

var viewAll2 = function (e) {
    e.preventDefault();
    $me = $(this);
    $myParent = $me.parent();
    $kids = $myParent.find('.children').detach();
    $gParent = $me.closest('.children');

    $gParent.
        find('li:hidden').
        show().
        end().
        after($kids).
        prepend($myParent.detach());
    $me.hide();
}

Then call it with your click handler - $('.view-all').on('click', viewAll2);