Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 226
  • Last Modified:

jquery tabs

Is that possible to create a number of horizontal tabs and number of vertical tabs on the same page . When clicking on the horizontal tab will show the content and clicking on the vertical tab will show details about that horizontal tab
0
erikTsomik
Asked:
erikTsomik
  • 2
1 Solution
 
GaryCommented:
Assuming jQuery UI - Each tab control can contain another tab control - so the answer is yes.
0
 
Alexandre SimõesManager / Technology SpecialistCommented:
Sure!
Look here for a live demo: http://jsfiddle.net/AlexCode/R9DtT/

Basically I picked both samples from jquery ui page and combined them.
For the sake of the demo I only added inner tabs in the first horizontal tab but you can do as you want.

What I had to change was the initialization of the inner tabs.
for it to work the main div of the inner tabs must have the class="vtabs"
0
 
Rainer JeschorCommented:
Hi,
something like this?
http://jsfiddle.net/EE_RainerJ/uC8RF/

CSS is not 100% perfect - but you should get an idea (sample based on combo of jQueryUI.com samples).

HTH
Rainer
0
 
Rainer JeschorCommented:
@AlexCode: sorry for double posting - I did not reload the Q during my jsfiddle prep
0

Featured Post

[Webinar On Demand] Database Backup and Recovery

Does your company store data on premises, off site, in the cloud, or a combination of these? If you answered “yes”, you need a data backup recovery plan that fits each and every platform. Watch now as as Percona teaches us how to build agile data backup recovery plan.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now