function showHide(elemId, elemClass) {
    var elemItem = document.getElementById(elemId);
    var itemLI = elemItem;
    while (itemLI.nextSibling != null) {
        itemLI = itemLI.nextSibling;
        if (itemLI.childNodes.item(0).nodeName.toLowerCase() == 'ul') {
            itemLI.style.display = 'none';
            if (itemLI.previousSibling != null)
                if (itemLI.previousSibling.getAttribute('class') == 'active close' ||
                    itemLI.previousSibling.getAttribute('class') == 'active open')
                    itemLI.previousSibling.setAttribute('class', 'active close');
                else {
                    itemLI.previousSibling.setAttribute('class', 'close');
                }
        }
    }
    itemLI = elemItem;
    while (itemLI.previousSibling != null) {
        itemLI = itemLI.previousSibling;
        if (itemLI.childNodes.item(0).nodeName.toLowerCase() == 'ul') {
            itemLI.style.display = 'none';
            if (itemLI.previousSibling != null)
                if (itemLI.previousSibling.getAttribute('class') == 'active close' ||
                    itemLI.previousSibling.getAttribute('class') == 'active open')
                    itemLI.previousSibling.setAttribute('class', 'active close');
                else {
                    itemLI.previousSibling.setAttribute('class', 'close');
                }
        }
    }
    var nextItem = elemItem.nextSibling;
    if (nextItem.style.display == 'none' || nextItem.style.display == '') {
        nextItem.style.display = 'inline-block';
        elemItem.setAttribute('class', elemClass + ' open' );
    }
//    else {
//        nextItem.style.display = 'none';
//        elemItem.setAttribute('class', elemClass + ' close');
//    }
}