Accordien menu click state keeping with Jquery

Posts under the topic: Accordien menu click state keeping with Jquery

Posted: 12/14/2009 7:59:57 PM

ravenet

40 points Lurker

Joined on: 12/14/2009 7:46:25 PM
Posts: 8

Hi raghav_khunger,

I have 2 question with Jquery.

1.i'm suing Accordein to create side menu with Jquery.

Item-Top most menu

Product-Top Menu

Printer-Child // url http://localhost/product/viewlist.aspx?id=0001

Fax-child // url http://localhost/product/viewlist.aspx?id=0002

Copier-child // url http://localhost/product/viewlist.aspx?id=0003

Country-Top Menu

USA-Child // url http://localhost/product/viewcou.aspx?id=0001

UK-child // url http://localhost/product/viewcou.aspx?id=0002

AUS-child // url http://localhost/product/viewcou.aspx?id=0003

i have this side menu in top most master page with Jquery Accordien(every child is div), say when you click every side menu child it will go to that page, but i could not keep which th div is cliecked. i'm searching google, but i could not find the way.

i would expect from you to to solution, or do you have any other way to create this kind of menu in easy with jquery as like expect. i will post next question in another post.

thank you

Posted: 12/15/2009 12:11:55 AM

ravenet

40 points Lurker

Joined on: 12/14/2009 7:46:25 PM
Posts: 8

Hi Experts,

no one have idea or answer to this ?

thank you

Posted: 12/15/2009 9:13:41 AM

raghav_khunger

9529 points Professional

Joined on: 4/19/2009 1:46:52 AM
Posts: 219

Paste your source code.

Posted: 12/15/2009 10:30:00 AM

ravenet

40 points Lurker

Joined on: 12/14/2009 7:46:25 PM
Posts: 8

Thank you fro your reply, here is my menu code

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MainMaster.master.cs" Inherits="MainMaster" %>

<!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">
    <title></title>
    <link href="~/styles/main.css" rel="stylesheet" type="text/css" />

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

    <script src="/JS/menu.js" type="text/javascript"></script>

    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div id="site_menu">
            <div id="sitemenu_title" class="sitemenu_title">
                  <asp:Label ID="lblHeading" runat="server" Text="Navigation"></asp:Label></div>
            <ul id="menu2" class="menu expandfirst">
                <li><a href="">Product</a>
                    <ul>
                        <li><a href="/prodcut/respo/ViewList.aspx?CateCode=00002">
                            Test1</a></li>
                         <li><a href="/prodcut/respo/ViewList.aspx?CateCode=00003">
                            Test2</a></li>

                    </ul>
                </li>
                <li><a href="">Country</a>
                    <ul>
                         <li><a href="/prodcut/respo/ViewList.aspx?CateCode=00005">
                            TestA</a></li>
<li><a href="/prodcut/respo/ViewList.aspx?CateCode=00004">
                            TestB</a></li>
                    </ul>
                </li>

        </div>
    </div>
    <div>
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>

Source :http://roshanbh.com.np/examples/exapandable-panel/

thank you

Posted: 12/16/2009 4:07:59 AM

ravenet

40 points Lurker

Joined on: 12/14/2009 7:46:25 PM
Posts: 8

Hi Experts,

Any updates in this ?

thank you

Posted: 12/16/2009 1:33:09 PM

raghav_khunger

9529 points Professional

Joined on: 4/19/2009 1:46:52 AM
Posts: 219

Answered

You have to play with navigation true attribute:

Try this

http://www.packtpub.com/article/jquery-ui-accordion-widget-part2

Page 1 of 1 (6 items)