Simple Demos
Tabs
Tab Panel 1 Open third tab
1 | $(function(){ |
2 | $(".tabs-trigger").switchable(".tabs-panel > p"); |
3 | }); |
Slide
1 | $(function(){ |
2 | $(".slide-trigger").switchable(".slide-panel > img", { effect: "fade", speed: .3 }); |
3 | }); |
Scrollable
01 | $(function(){ |
02 | window.api = $(".scrollable-trigger").switchable(".scrollable-panel > div > img", { |
03 | triggerType: "click", |
04 | effect: "scroll", |
05 | steps: 3, |
06 | visible: 3, |
07 | api: true |
08 | }); |
09 | $(".next").click(function(){ |
10 | api.next(); |
11 | }); |
12 | $(".prev").click(function(){ |
13 | api.prev(); |
14 | }); |
15 | }); |
More demos
Tabs
- Loading contents with AJAX
- Accordion
- Horizontal Accordion
- Multiple Tabs
- Using callback function
- Plugins in action