$(document).ready(function () {
    setPaneExpandCollapse("#UL_SearchById");          
});

function setPaneExpandCollapse (UL_ID) {
    //debugger;
    //Get menu class state from cookie
    $(UL_ID + " > li > a").each(function () {
        var menuId = $(this).attr('id');
        var menuClass = null;
        if ($.cookie(menuId)) {
            if (menuId != null)
                menuClass = $.cookie(menuId);
            if (null != menuClass && menuClass != "") {
                $(this).removeClass();
                $(this).addClass(menuClass);
            }
        }
    });
    //to remove the expand animation effect in page load
    $(UL_ID + " > li > a.expanded ").find("+ div").css("display", "block");
}
// Toggle the selected menu's class and expand or collapse the menu
$(function () {
    setClickOfPane("#UL_SearchById");
});

function setClickOfPane (UL_ID) {
    $(UL_ID + " > li > a").live
                    (
                        'click',
                        (function (event) {
                            //debugger;
                            var menuId = $(this).attr('id');
                            if (menuId != '' && menuId != null) {
                                var menuClass = null;
                                if ((menuId != null && menuId != ''))//toggle menu style if clicked on headers
                                {
                                    $.cookie(menuId, null); //delete existing cookie
                                    $(this).toggleClass("expanded").toggleClass("collapsed").find("+ div").slideToggle("medium");
                                    //Javascript cookies to save menu state
                                    menuClass = $(this).attr('className');
                                    $.cookie(menuId, menuClass); //set cookie values
                                }
                            }
                        }
                        )
                    );
}