Posted: 12/14/2009
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
Hi Experts,
no one have idea or answer to this ?
Paste your source code.
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"> <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/
Posted: 12/16/2009
Any updates in this ?
You have to play with navigation true attribute:
Try this
http://www.packtpub.com/article/jquery-ui-accordion-widget-part2
