Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- this is the structure required for initing the tabs -->
- <div class="wp-tabs wpui-light">
- <!-- add class wpui-tabs-vertical to the above line for vertical tabs -->
- <!-- First tab's name -->
- <h3 class="wp-tab-title">Tab 1</h3>
- <!-- First tab's contents -->
- <div class="wp-tab-content">
- All the contents of first tab goes here....
- </div><!-- end first tab -->
- <!-- Like so, Second tab -->
- <h3 class="wp-tab-title">Tab 2</h3>
- <div class="wp-tab-content">
- Contents of the second tab
- </div>
- </div><!-- end div.wp-tabs -->
- <!-- /////////// -->
- <!-- /Accordion/ -->
- <!-- /////////// -->
- <!-- Same structure as the tabs, except for the class name .wp-accordion -->
- <div class="wp-accordion wpui-light">
- <!-- First tab's panel -->
- <h3 class="wp-tab-title">Tab 1</h3>
- <!-- First tab's contents -->
- <div class="wp-tab-content">
- All the contents of first tab goes here....
- </div><!-- end first tab -->
- <!-- Like so, Second panel -->
- <h3 class="wp-tab-title">Tab 2</h3>
- <div class="wp-tab-content">
- Contents of the second tab
- </div>
- </div><!-- end class wp-accordion -->
- <!-- /////////// -->
- <!-- //Spoilers// Before version 0.8.1 -->
- <!-- /////////// -->
- <div class="wp-spoiler wpui-light">
- <h3 class="ui-collapsible-header"><span class="ui-icon"></span>Section 1</h3>
- <div class="ui-collapsible-content">Contents hidden within the spoiler</div>
- </div><!-- end .wp-spoiler -->
- <!-- /////////// -->
- <!-- //Spoilers// with version 0.8.7 -->
- <!-- /////////// -->
- <div id="wp-spoiler-1" class="wp-spoiler wpui-hashable wpui-light">
- <h3 class="wp-spoiler-title wpui-hashable">Spoiler Title</h3>
- <div class="wpui-hidden wp-spoiler-content">Content within spoiler</div>
- </div><!-- end div.wp-spoiler -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement