function showHideNav2(num) {
    // if current one is open
    if (document.getElementById('staff-' + num).className == 'header-open') {
        document.getElementById('staff-' + num).className = 'header';
        displayValue = 'none';
    }
    else {
        document.getElementById('staff-' + num).className = 'header-open';
        displayValue = '';
    }
    // now we'll loop through all the nav elements, the children of the ul element.
    children = document.getElementById('staff-nav2-ul').childNodes;
    if (children != null) {
        for (var i = 0; i < children.length; ++i) {
            if (children[i].id && children[i].id.indexOf('staff-' + num + '-') != -1) {
                children[i].style.display = displayValue;
            }
            // else statement is here to close the open ones that are not part of the current group
            else if (children[i].className == 'child' || children[i].className == 'grandchild') {
                children[i].style.display = 'none';
            }
            else if (children[i].className == 'header-open' && children[i].id != 'staff-' + num) {
                children[i].className = 'header';
            }
        }
    }
    
}