Try

function findCategory(categoryName) {
    var trail = [];
    var found = false;

    function recurse(categoryAry) {

        for (var i = 0; i < categoryAry.length; i++) {
            trail.push(categoryAry[i].category);

            // Found the category!
            if ((categoryAry[i].category === categoryName)) {
                found = true;
                break;

                // Did not match...
            } else {
                // Are there children / sub-categories? YES
                if (categoryAry[i].children.length > 0) {
                    recurse(categoryAry[i].children);
                    if(found){
                        break;
                    }
                }
            }
            trail.pop();
        }
    }

    recurse(catalog);

    return trail
}

Demo: Fiddle

A way to do what you want is to use a global variable in there and check it on each iteration. So at the start of your code you set a variable: ```javascript var stop = false; ``` Then you check if stop is false each time you animate: ```javascript function autoPlay() { var position = $("#inner-slider").position(); if (position.left <= outerLimit) { $("#inner-slider") .delay(1000) .animate({ left: '0px' }, function () { setFilled() if(stop === false){ autoPlay() } }); } else { $("#inner-slider") .delay(1000) .animate({ left: '-=' + imageWidth }, function () { setFilled() if(stop === false){ autoPlay() } }); } } ``` When a user clicks on a navigation button, we set stop to true: ```javascript //PREVIOUS $("#nav-prev").click(function () { stop = true; var position = $("#inner-slider").position(); if (position.left != 0) { $("#inner-slider").stop().animate({ left: '+=' + imageWidth }, function () { setFilled() }); } }); //NEXT $("#nav-next").click(function () { stop = true; var position = $("#inner-slider").position(); if (position.left <= outerLimit) { $("#inner-slider").stop().animate({ left: '0px' }, function () { setFilled() }); } else { $("#inner-slider").stop().animate({ left: '-=' + imageWidth }, function () { setFilled() }); } }); ```

You can't return within ternary operator. Even if it can, your recursion won't work because it will always return before arguments.callee is executed. Also, it's not recommended to use arguments.callee since it will throw an error in strict mode.

function main(callback) {
  callback(3);
}
main(function redo(val) {
  console.log(val);
  if (val > 50) return;
  redo(val + 1);
});

Your return only returns the element up one level in your recursive call - you need to make sure it gets returned all the way to the top.

You thus need to replace your line

LoopThroughChildElements(parantEle.childNodes[i]);

(which is currently discarding the returned element) with something like

var rtn = LoopThroughChildElements(parantEle.childNodes[i]);
if (rtn != null)
    return rtn;

You are overwriting the continueWalk here:

if(node.children && node.children.length > 0 && continueWalk) 
    _walk.call(this, node.children, callback, ctx, node); 
continueWalk = callback.call(ctx, node, parent, tree, idx); 
// ^^^^^^^^^^

You need to check the content of continueWalk as a result of the previous call a line before.

Neither. Loop control statements like break and continue are only valid inside a loop (for, while, do, or switch). The break statement in your code is not in a loop, so this code will cause a syntax error.

The only way to "break out" of multiple levels of a recursive function is to throw an exception. This is probably not ideal for this situation; a better option for your situation may be to use a nested loop instead of recursion.