The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Is there a jquery plugin that do a dropdown menu

  • # September 6, 2009 at 1:29 pm

    Hello there am looking for jquery plugin that allow me to do a dropdown menu
    like the following example

    The main menu items need to direct the user on a page of the current selected main menu item ,then show it’s respective drop menu items.

    here the structure of my html
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""&gt;
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Untitled Document</title>

    <script type="text/javascript" src="_js/jquery-1.3.2.min.js"></script>
    script type="text/javascript">



    <body >

    <div class="menu_wrapper">

    <ul class ="mainmenu" id=’campaign’>

    <li id="indexlink"><a href="http://localhost/test3/index/index&quot; id="MainNav_0" rel="subcontent1" >Home</a>
    <div class="defaultSubNav" id="subcontent1" ></div>
    <li class=’nav_seperator’></li>
    <li id=’Eventlink’>
    <a href="http://localhost/test3/Event/index&quot; id="MainNav_1" rel="subcontent">Event</a>
    <div id="subcontent" class="defaultSubNav">

    <ul class="SubItems" >
    <li class="Subnav_Event" >
    <a href="http://localhost/test3/Event/index&quot; ><img src="images/NewMenu/Event_off.png" width=’64’ height=’53’/></a>

    <p><a href=’http://localhost/test3/Event/index’>Event</a></p>
    <li class="Subnav_target">

    <a href="http://localhost/test3/Location/index&quot; ><img src="images/NewMenu/Location_off.png" width=’64’ height=’53’/></a>
    <p><a href=’http://localhost/test3/Location/index’>Location</a></p>



    <li class=’nav_seperator’></li>
    <li id="Associationlink">
    <a href="http://localhost/test3/Association/index&quot; id="MainNav_2" rel="SubmenuNav_2">Association</a>
    <div id="SubmenuNav_2" class="defaultSubNav" >
    <ul class=’SubItems’ >
    <a href="http://localhost/test3/Association/index"><img src="images/NewMenu/Association_off.png" width=’64’ height=’53’/></a>
    <p><a href="#">Association</a></p>
    <li><a href="http://localhost/test3/report/index&quot; ><img src="images/NewMenu/Reports_off.png" width=’64’ height=’53’/></a>
    <p><a href=’http://localhost/test3/report/index’>DATABASE</a></p>
    </ul> </div>



    Thank you for ur help :)

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed