ASP.NET

exapanding tabs RSS

4 replies

Last post Nov 19, 2012 09:06 AM by raju dasa

‹ Previous Thread|Next Thread ›

- Reply
Hunain Hafee...

Member

238 Points

639 Posts
exapanding tabs

Nov 18, 2012 12:05 PM|LINK
i designed a vertical menu in css , it has 4 clickable links

HOME
APPLICANTS
EMPLOYERS
PROFILE

Now i want that when i click on APPLCIANTS then within this menu it should open 2 more clickable links like this:>

HOME

APPLICANTS

Active Applicants

Inactive Applicants

EMPLOYERS

PROFILE
```
<div>
     <div style="position:fixed">
      <ul>
       <li><a href="#home">Home</a></li>
       <li><a href="#news">Profile</a></li>
       <li><a href="adminViewEmployers.aspx">Employers</a></li>
       <li><a href="adminViewApplicants.aspx">Applicants</a></li>
       <li><a href="#about">Super Admins</a></li>
     </ul>
    </div>
```
Hunain Hafeez
- Edited by Hunain Hafeez on Nov 18, 2012 12:05 PM
- Reply
RameshRajend...

Star

7983 Points

2099 Posts

Re: exapanding tabs

Nov 18, 2012 12:10 PM|LINK

Try using jquery tabs for a relatively lightweight solution.

http://docs.jquery.com/UI/Tabs

or

Please refer this

http://www.codeguru.com/csharp/.net/net_asp/controls/article.php/c15049/Lazy-Loading-the-ASPNET-AJAX-TabContainer-Control.htm

http://share-useful-links-here.blogspot.in/2011/02/lazy-loading-aspnet-ajax-tabcontainer.html
- Marked as answer by Hunain Hafeez on Nov 21, 2012 01:39 PM
- Reply
asteranup

All-Star

30184 Points

4906 Posts

Re: exapanding tabs

Nov 19, 2012 07:54 AM|LINK

Hi,

Check this-

http://www.designchemical.com/blog/index.php/jquery/jquery-simple-vertical-accordion-menu/

Thanks & Regards
Anup Das Gupta
Mark as Answer if you feel so. Visit My Blog
- Marked as answer by Hunain Hafeez on Nov 21, 2012 01:39 PM
- Reply
asteranup

All-Star

30184 Points

4906 Posts

Re: exapanding tabs

Nov 19, 2012 08:03 AM|LINK

Hi,

You can also try-

http://jsfiddle.net/asteranup/VsQDv/

Thanks & Regards
Anup Das Gupta
Mark as Answer if you feel so. Visit My Blog
- Reply
raju dasa

Star

14410 Points

2451 Posts

Re: exapanding tabs

Nov 19, 2012 09:06 AM|LINK

Hi,

JQuery ceated a UI widget Menu control, which just fits ur requirement. (jquery UI 1.9)
But i think it requires jquery v1.6+

check this site:
http://jqueryui.com/menu/

Happy Coding ! Mark as Answer if it helps.
rajudasa.blogspot.com || blog@opera
- Edited by raju dasa on Nov 19, 2012 09:10 AM
- Marked as answer by Hunain Hafeez on Nov 21, 2012 01:39 PM