@{
ViewBag.Title = " Control Panel";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<script type="text/javascript">
$(document).ready(function () {
    $("#tabs").tabs({
        beforeLoad: function (event, ui) {
            ui.jqXHR.error(function () {
                ui.panel.html(
                    "Couldn't load this tab. We'll try to fix this as soon as possible. " +
                    "If this wouldn't be a demo.");
            });
        },
        beforeLoad: function (event, ui) {
            $(ui.panel).siblings('.ui-tabs-panel').empty();
        },
        activate: function (event, ui) {
            window.location.hash = 'tab=' + $(this).tabs('option', 'active');

        },
        create: function () {
            if (window.location.hash) {
                var active = parseInt(window.location.hash.replace('#tab=', ''));
                $(this).tabs("option", "active", active);
            }
        }
    });
});

</script>
<h2>Control Panel</h2>
<div id="content">

<div id="rightdiv">
    <div id="tabs">
        <ul>
            <li id="CreateParentAccount"><a href="~/Account/CreateParentAccount">Create New Account</a></li>
            <li id="Search"><a href="~/Account/Search">Existing Account</a></li>
            <li id="SearchArchive"><a href="~/Account/Search">Archived Account</a></li>
        </ul>
    </div>
</div>
</div>