ASP.NET Discussion Boards

Hi I want that when i take the mouse over the menu, I dont want to show submenu.the submenu should only be display on clicking the parent item?

*** Script ***

$(document).ready(function () {
$(".content_head").click(function () {
$(".content_body").hide(100);
$(this).next(".content_body").slideToggle("slow");
});
});

***Style***
.content_head
{
width: 150px;
background-color: #CCCCCC;
cursor: pointer;
}
.content_body
{
display: none;
width: 150px;
background-color: #E9D9BA;
}
***Panel**
<asp:panel id="Panel1" class="content_head" runat="server" width="130px"
="" backimageurl="~/Image/header-1.png">
Management
<asp:panel id="Panel2" class="content_body" runat="server" width="130px">
<asp:hyperlink id="HyperLink1" runat="server" navigateurl="~/PartStatus.aspx">Online Parts Status

<asp:hyperlink id="HyperLink7" runat="server"
="" navigateurl="~/Partcomplaintdetails.aspx">Part Complaint Details

thanks for solution but i am using :
<asp:Menu ID="MoveMenu" runat="server" StaticDisplayLevels="1" Orientation="Horizontal"
StaticEnableDefaultPopOutImage="false" renderingmode="List"
Width="100%" OnMenuItemClick="MoveMenu_Click">
<DynamicHoverStyle BackColor="#6597F0" ForeColor="White" Font-Bold="True" />
<DynamicMenuStyle Width="80px" BackColor="AliceBlue" />
<Items>
<asp:MenuItem ImageUrl='http://localhost:11755/ServerFiles/ApplicationFiles/Icons/Button/gmailMove.png'>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
</asp:MenuItem>
</Items>
</asp:Menu>

Please Help !