aciFragment UI Tabs demo - Store/read URL fragment variables

Here you have a demo using aciFragment with jQuery UI Tabs.

To see it in action: select any tab panes then use the anchors. Also, select the sub_tabs_one under the pane#2 from tabs_one.
Use the back/forward history buttons in your browser. This is to show how it can be used with UI Tabs.

tabs_one (select pane#1) | sub_tabs_one (select pane#3 - under tabs_one with pane#2 selected) | tabs_two (any pane selected) | Top

One
Two
Three

First tab is active by default:

$( "#tabs" ).tabs();

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

One
Two
Three

First tab is active by default:

$( "#tabs" ).tabs();

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

tabs_one (select pane#1) | sub_tabs_one (select pane#3 - under tabs_one with pane#2 selected) | tabs_two (any pane selected) | Top

One
Two
Three

First tab is active by default:

$( "#tabs" ).tabs();

tabs_one (select pane#1) | sub_tabs_one (select pane#3 - under tabs_one with pane#2 selected) | tabs_two (any pane selected) | Top