hi to all i m using master and content page and i have created Usercontrol for Left menu of jquery but my menu working fine in html markup but not in content page Here is my code: MasterPage: <%@ Master Language="C#" AutoEventWireup="true" CodeFile="User.master.cs" Inherits="User" %> <%@ Register Src="~/UserControl/TopMenu.ascx" TagName="TopMenu" TagPrefix="uc" %> <%@ Register Src="~/UserControl/TopLinks.ascx" TagName="TopLinks" TagPrefix="uc" %> <%@ Register Src="~/UserControl/LeftMenu.ascx" TagName="LeftMenu" TagPrefix="uc" %> <%@ Register Src="~/UserControl/NewsLetter.ascx" TagName="NewsLetter" TagPrefix="uc" %> <%@ Register Src="~/UserControl/FooterLinks.ascx" TagName="FooterLinks" TagPrefix="uc" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title>Untitled Page</title> <link href="<%= ResolveUrl("~")%>css/style.css" rel="stylesheet" type="text/css" /> <%-- <script src="<%= ResolveUrl("~")%>js/jquery.js" type="text/javascript"></script> <script src="<%= ResolveUrl("~")%>js/jquery_002.js" type="text/javascript"></script>--%> <asp:ContentPlaceHolder ID="head" runat="server"> </asp:ContentPlaceHolder> </head> <body> <form id="form1" runat="server"> <div id="wrapper"> <div id="main"> <div id="header"> <div> <div> <div id="logo"> <div> <a href="#"> <img src="images/logo.jpg" alt="TOBACCO TAVERN" /></a></div> </div> <div id="header_right"> <div> <h1> Best Prices in the UK <br /> 24/7 Customer Service 0000 000 000</h1> </div> </div> </div> <div id="menu"> <uc:TopMenu ID="TopMenu1" runat="server" /> </div> <div id="register"> <uc:TopLinks ID="TopLinks1" runat="server" /> </div> </div> </div> <div id="content"> <div> <div> <div> <div> <div> <uc:LeftMenu ID="LeftMenu1" runat="server" /> </div> <div> <uc:NewsLetter ID="NewsLetter1" runat="server" /> </div> <div style="text-align: center;"> <div> <h1> We accept these cards</h1> </div> <img src="images/cards.jpg" alt="cards" /> </div> <div style="text-align: center; padding-top: 20px;"> <img src="images/map_england.jpg" alt="map_england" /> <p style="text-align: center"> Sorry we do not ship tobacco products to the USA Accessories and humidors no problem!</p> </div> </div> </div> <div> <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> </asp:ContentPlaceHolder> </div> </div> </div> </div> </div> <div id="footer"> <uc:FooterLinks ID="FooterLinks1" runat="server" /> </div> </div> </form> </body> </html> UserControl: LeftMenu.ascx <%@ Control Language="C#" AutoEventWireup="true" CodeFile="LeftMenu.ascx.cs" Inherits="UserControl_LeftMenu" %> <div> <h1> Categories</h1> </div> <ul id="example1"> <li><a href="http://google.com">Item 1</a></li> <li><a href="http://www.yahoo.com">Item 2</a> <ul style="display: block;"> <li style="display: list-item;"><a href="http://www.grinfosys.com">Subitem 2a</a></li> <li style="display: list-item;"><a href="http://www.grinfosys.com">Subitem 2a</a></li> <li style="display: list-item;"><a href="http://www.grinfosys.com">Subitem 2a</a></li> <li style="display: list-item;"><a href="http://www.grinfosys.com">Subitem 2a</a></li> <li style="display: list-item;"><a href="http://www.grinfosys.com">Subitem 2a</a></li> </ul> </li> <li><a href="#">Item 3</a></li> <li><a href="#">Item 4</a></li> <li><a href="#">Item 5</a> <ul style="display: block;"> <li style="display: list-item;"><a href="http://www.grinfosys.com">Subitem 2a</a></li> <li style="display: list-item;"><a href="http://www.grinfosys.com">Subitem 2a</a></li> </ul> </li> <li><a href="#">Item 6</a></li> <li><a href="#">Item 7</a> <ul style="display: block;"> <li style="display: list-item;"><a href="http://www.grinfosys.com">Subitem 2a</a></li> </ul> </li> <li><a href="#">Item 8</a> <ul style="display: block;"> <li style="display: list-item;"><a href="http://www.grinfosys.com">Subitem 2a</a></li> </ul> </li> <li><a href="#">Item 9</a> <ul style="display: block;"> <li style="display: list-item;"><a href="http://www.grinfosys.com">Subitem 2a</a></li> </ul> </li> </ul> <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jquery_002.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { // Setup HoverAccordion for Example 1 $('#example1').hoverAccordion({ speed: 'slow', activateitem: '1', active: 'current', header: 'title', hover: 'highlight', opened: 'arrowdown', closed: 'arrowup', keepheight: 'false' }); }); </script> and last Content Page: Index.aspx <%@ Page Language="C#" MasterPageFile="~/User.master" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="index" Title="Untitled Page" %> <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server"> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> <div> <div> <img src="images/index_banner.jpg" alt="" /> </div> <div> <div> <div> </div> <div> <h1> Special Offers</h1> </div> <div> </div> </div> <div> <!--start product --> <div> <div> <div> <a href="#"> <img src="images/product.jpg" alt="" /></a> </div> <div> Product Name</div> <div> <strike>£19.99</strike></div> <div> <span style="color: #C40075">Offers Price:</span> £19.99</div> <div> <table cellpadding="0" cellspacing="0" border="0" align="center"> <tr> <td> <div> <div> <a href="#">DETAILS</a> </div> <div> <a href="#">ADD TO CART</a> </div> </div> </td> </tr> </table> </div> </div> </div> <!--end product --> <!--start product --> <div> <div> <div> <a href="#"> <img src="images/product.jpg" alt="" /></a> </div> <div> Product Name</div> <div> <strike>£19.99</strike></div> <div> <span style="color: #C40075">Offers Price:</span> £19.99</div> <div> <table cellpadding="0" cellspacing="0" border="0" align="center"> <tr> <td> <div> <div> <a href="#">DETAILS</a> </div> <div> <a href="#">ADD TO CART</a> </div> </div> </td> </tr> </table> </div> </div> </div> <!--end product --> <!--start product --> <div> <div> <div> <a href="#"> <img src="images/product.jpg" alt="" /></a> </div> <div> Product Name</div> <div> <strike>£19.99</strike></div> <div> <span style="color: #C40075">Offers Price:</span> £19.99</div> <div> <table cellpadding="0" cellspacing="0" border="0" align="center"> <tr> <td> <div> <div> <a href="#">DETAILS</a> </div> <div> <a href="#">ADD TO CART</a> </div> </div> </td> </tr> </table> </div> </div> </div> <!--end product --> <!--start product --> <div> <div> <div> <a href="#"> <img src="images/product.jpg" alt="" /></a> </div> <div> Product Name</div> <div> <strike>£19.99</strike> </div> <div> <span style="color: #C40075">Offers Price:</span> £19.99</div> <div> <table cellpadding="0" cellspacing="0" border="0" align="center"> <tr> <td> <div> <div> <a href="#">DETAILS</a> </div> <div> <a href="#">ADD TO CART</a> </div> </div> </td> </tr> </table> </div> </div> </div> <!--end product --> </div> </div> <div> <div> <div> </div> <div> <h1> New Arrivals</h1> </div> <div> </div> </div> <div> <!--start product --> <div> <div> <div> <a href="#"> <img src="images/product.jpg" alt="" /></a> </div> <div> Product Name</div> <div> <strike>£19.99</strike></div> <div> <div id="offer_price" style="display: none"> <span style="color: #C40075">Offers Price:</span> £19.99</div> </div> <div> <table cellpadding="0" cellspacing="0" border="0" align="center"> <tr> <td> <div> <div> <a href="#">DETAILS</a> </div> <div> <a href="#">ADD TO CART</a> </div> </div> </td> </tr> </table> </div> </div> </div> <!--end product --> <!--start product --> <div> <div> <div> <a href="#"> <img src="images/product.jpg" alt="" /></a> </div> <div> Product Name</div> <div> <strike>£19.99</strike></div> <div> <div id="Div1" style="display: none"> <span style="color: #C40075">Offers Price:</span> £19.99</div> </div> <div> <table cellpadding="0" cellspacing="0" border="0" align="center"> <tr> <td> <div> <div> <a href="#">DETAILS</a> </div> <div> <a href="#">ADD TO CART</a> </div> </div> </td> </tr> </table> </div> </div> </div> <!--end product --> <!--start product --> <div> <div> <div> <a href="#"> <img src="images/product.jpg" alt="" /></a> </div> <div> Product Name</div> <div> <strike>£19.99</strike></div> <div> <div id="Div2" style="display: none"> <span style="color: #C40075">Offers Price:</span> £19.99</div> </div> <div> <table cellpadding="0" cellspacing="0" border="0" align="center"> <tr> <td> <div> <div> <a href="#">DETAILS</a> </div> <div> <a href="#">ADD TO CART</a> </div> </div> </td> </tr> </table> </div> </div> </div> <!--end product --> <!--start product --> <div> <div> <div> <a href="#"> <img src="images/product.jpg" alt="" /></a> </div> <div> Product Name</div> <div> <strike>£19.99</strike></div> <div> <div id="Div3" style="display: none"> <span style="color: #C40075">Offers Price:</span> £19.99</div> </div> <div> <table cellpadding="0" cellspacing="0" border="0" align="center"> <tr> <td> <div> <div> <a href="#">DETAILS</a> </div> <div> <a href="#">ADD TO CART</a> </div> </div> </td> </tr> </table> </div> </div> </div> <!--end product --> </div> </div> </div> </asp:Content> Please help me in this i m new to this field Thanks in advance