Loading ...

Accordien menu click state keeping with Jquery

Who is online?  0 guests and 0 members
home  »  forums   »  asp.net topics   »  client side web development   » Accordien menu click state keeping with Jquery

Accordien menu click state keeping with Jquery

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

Posted: 12/14/2009

ravenet
rave rave
Lurker 40  points  Lurker
  • Joined on: 12/14/2009
  • 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

ravenet
rave rave
Lurker 40  points  Lurker
  • Joined on: 12/14/2009
  • Posts: 8

Hi Experts,

no one have idea or answer to this ?

 

thank you

Posted: 12/15/2009

raghav_khunger
Raghav Khunger
Guru 16813  points  Guru
  • Joined on: 4/19/2009
  • Posts: 490

Paste your source code.


<b>[<a href="https://mvp.support.microsoft.com/profile/Raghav">ASP.NET MVP</a>]  [<a href="https://www.microsoftcommunitycontributor.com">Microsoft® Community Contributor</a>] [<a href="http://www.dzone.com/aboutmvb">Dzone MVB</a>] [<a href="https://twitter.com/#!/RaghavKhunger">Follow me on Twitter</a>]</b> <br/><br/><b>[<a href="http://codeasp.net/wiki/view/10/how-to-ask-questions-on-forums">How to ask questions on forums</a>]</b> <br/><br/> "Success does not come to those who wait . . . and it does not wait for anyone to come to it." Anonymous <br/> "Success is simply a matter of luck. Ask any failure." Anonymous

Posted: 12/15/2009

ravenet
rave rave
Lurker 40  points  Lurker
  • Joined on: 12/14/2009
  • Posts: 8

Hi

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">
                &nbsp;&nbsp;<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

ravenet
rave rave
Lurker 40  points  Lurker
  • Joined on: 12/14/2009
  • Posts: 8

Hi Experts,

 

Any updates in this ?

 

thank you

Posted: 12/16/2009

raghav_khunger
Raghav Khunger
Guru 16813  points  Guru
  • Joined on: 4/19/2009
  • Posts: 490
  Answered

You have to play with navigation true attribute:

Try this

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


<b>[<a href="https://mvp.support.microsoft.com/profile/Raghav">ASP.NET MVP</a>]  [<a href="https://www.microsoftcommunitycontributor.com">Microsoft® Community Contributor</a>] [<a href="http://www.dzone.com/aboutmvb">Dzone MVB</a>] [<a href="https://twitter.com/#!/RaghavKhunger">Follow me on Twitter</a>]</b> <br/><br/><b>[<a href="http://codeasp.net/wiki/view/10/how-to-ask-questions-on-forums">How to ask questions on forums</a>]</b> <br/><br/> "Success does not come to those who wait . . . and it does not wait for anyone to come to it." Anonymous <br/> "Success is simply a matter of luck. Ask any failure." Anonymous
Page 1 of 1 (6 items)