﻿function toggleSecction(collapsablePanelID, hiddenFieldID, handlerPanelID, collapsedCssClass, expandedCssClass) {
    var el = document.getElementById(collapsablePanelID);
    var hiddenField = document.getElementById(hiddenFieldID);
    if (el.style.display != 'none') {
        el.style.display = 'none';
        hiddenField.value = 'true';
        if (handlerPanelID && collapsedCssClass) {
            var elHandlerPanel = document.getElementById(handlerPanelID);
            elHandlerPanel.setAttribute("class", collapsedCssClass);
            elHandlerPanel.setAttribute("className", collapsedCssClass);
        }
    }
    else {
        el.style.display = '';
        hiddenField.value = 'false';
        if (handlerPanelID && collapsedCssClass) {
            var elHandlerPanel = document.getElementById(handlerPanelID);
            elHandlerPanel.setAttribute("class", expandedCssClass);
            elHandlerPanel.setAttribute("className", expandedCssClass);

        }
    }
}