ASP.NET

I have an unordered list of Html.ActionLinks that work just fine except now we want the Admin link to become a hover dropdown with the actual Html.ActionLinks to be contained in the sub-menu items. What I have done is wrap<div> around the main Admin menu item on the Main menu bar and child <div> below. First below is the code I am using to do this:
VIEW
<ul>
            <li>@Html.ActionLink("Home", "Index", "Home")|</li>
            <li>@Html.ActionLink("My Account", "", "")|</li>
            <li>@Html.ActionLink("Admin", "Index", "Admin")|</li>
        </ul>
        <div align="center">
        <div class="content_head">
            Admin Main Menu
        </div>
        <div class="content_body">
            @Html.ActionLink("Admin Page", "Index", "Admin")
        </div>
        <div class="content_body">
                @Html.ActionLink("Admin Info", "Index", "Admin")
        </div>
        </div>
        <ul>
           <li>@Html.ActionLink("Log Out", "LogOffAbacus", "Home")</li>
        </ul>
}

SITE.css
       .content_head {
        width: 150px;
        height: 30px;
        background-color: #CCCCCC;
        cursor: pointer;
    }

    .content_body {
        display: none;
        width: 150px;
        height: 50px;
        background-color: #9999FF;
    }
SITE.js
    $(".content_head").hover(function () {
        $(".content_body").hide(100);
        $(this).next(".content_body").slideToggle("slow");
    })n;
Now, this does not work because of jQuery error "Microsoft JScript runtime error: Object expected" and I am unsure why. Now the big question, this method looks likes a bad way of doing this. Is there a better way to do this?
.