function toggleMenu(menuHeader, menuObj, isToggle) {
    if (menuObj.is(":visible")) {
        $(menuHeader).removeClass("Open");
        $(menuHeader).addClass("Close");
    }
    else {
        $(menuHeader).removeClass("Close");
        $(menuHeader).addClass("Open");
    }

    if (isToggle) {
        menuObj.toggle(300);
    }
    else {
        menuObj.toggle(0);
    }
}
$(document).ready(function() {
    $('#TabListHolder > ul').tabs();

    toggleMenu(this, $('#DotListId1'), false);
    $('#CollapsableListBox1').click(function() {
        toggleMenu(this, $('#DotListId1'), true);
        return false;
    });

    toggleMenu(this, $('#DotListId2'), false);
    $('#CollapsableListBox2').click(function() {
        toggleMenu(this, $('#DotListId2'), true);
        return false;
    });

    toggleMenu(this, $('#DotListId3'), false);
    $('#CollapsableListBox3').click(function() {
        toggleMenu(this, $('#DotListId3'), true);
        return false;
    });

    toggleMenu(this, $('#DotListId4'), false);
    $('#CollapsableListBox4').click(function() {
        toggleMenu(this, $('#DotListId4'), true);
        return false;
    });
});