Post
Ask Question
romasha ali

romasha ali

  • NA
  • 94
  • 36.7k

menu bar code

Oct 26 2013 5:03 PM
this is my Menu code and it is not showing submenu items tell me kindly whats the issue?
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="WebApplication4.Site1" %>

<!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 runat="server">
<link href="Styles/menu.css" rel="stylesheet" type="text/css" runat="server"/>
    <title>Menu</title>
    
     <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>  
     <script type="text/javascript">
     $(document).ready(function(){
     $('li').hover(function(){
     $(this).find('ul>li').stop().fadeToggle(200);
     });
    });
    
     </script>

    <asp:ContentPlaceHolder ID="head" runat="server">
   
    </asp:ContentPlaceHolder>
  
    <style type="text/css">
        .style5
        {
            width: 100%;
        }
        .style6
        {
            height: 545px;
        }
        .style7
        {
            height: 66px;
        }
        #TextArea1
        {
            height: 78px;
        }
        .style8
        {
            text-align: center;
        }
    </style>
</head>
<body style="height: 333px">
<form id="form1" runat="server">
<h1 class="style8">Menu</h1>
    <div> <ul>
 
  <li><a href="">HomePage</a></li>
  <li><a href="">class schedule</a></li>
  <li><a href="">syllabus</a>
   <ul>
  <li><a href="">subjects</a></li>
  <li><a href="">books</a></li>
  <li><a href="">course detail</a></li>
  </ul></li>
  <li><a href="">assignments</a></li>
  <li><a href="">fee record</a></li>
  <li><a href="">faculty info</a></li>
  <li><a href="">class teacher info</a></li>
  <li><a href="">examinations</a>
   <ul>
  <li><a href="">schedule</a></li>
  <li><a href="">results</a></li>
  </ul></li>
    <li><a href="">Holidays info</a></li>
     
    </ul>
    </div>
  

Answers (1)