Permalink
Fetching contributors…
Cannot retrieve contributors at this time
88 lines (74 sloc) 3.48 KB
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<div class=tabs>
<div class=tabbody>
<h4>Tabbody Heading</h4>
<p>Lorem Ipsum</p>
</div>
<div class=tabbody>
<h4>Tabbody Heading 2</h4>
<p>Lorem Ipsum wakka wakka</p>
</div>
<div class=tabbody>
<h4 data-neotabs-dropdown>Tabbody Heading 3</h4>
<p>Lorem Ipsum wakka wakka</p>
</div>
<div class=tabbody>
<h4>Tabbody Heading 4</h4>
<p>Lorem Ipsum wakka wakka</p>
</div>
<div class=tabbody>
<h4>Tabbody Heading 5</h4>
<p>Lorem Ipsum wakka wakka</p>
</div>
<div class=tabbody>
<h4>Tabbody Heading 6</h4>
<p>Lorem Ipsum wakka wakka</p>
</div>
<div class=tabbody>
<h4>Tabbody Heading 7</h4>
<p>Lorem Ipsum wakka wakka</p>
</div>
</div>
<script src=../components/jquery/jquery.js></script>
<script src=../src/jquery.neotabs.js></script>
<script>
$('.tabs').neoTabs(/*{
wrapperClass: 'content', // Classname of div to apply around the content
activeClass: 'active', // Classname to apply to active tab
tabHeadClass: 'tabhead', // Classname to apply to each generated tab
tabBodyClass: 'tabbody', // Classname which describes the body of a tab content
firstTabClass: 'first', // Classname to apply to the first tab of a tabs list
lastTabClass: 'last', // Classname to apply to the last tab of a tabs list
clearfixClass: 'group', // Class name for clearfix
tabsListClass: 'tabs-list', // Classname to apply to a tabs list
tabHeadElement: 'h4', // Selector which represents a tab
tabsPosition: 'top', // Tabs-list position 'top' || 'bottom'
cssClassAvailable: true, // Applying existing classes from tabHeadElement to tab
fx: 'show', // Collapsing effect
fxSpeed: 0, // Effect speed in milliseconds
autoAnchor: true, // Making tabs linkable or not
wrapInnerTabs: '', // Fragment for tab inner wrapping
dropdownTabLabel: '&#x25BE;', // Dropdown tab label
dropdownTabClass: 'dropdown', // Classname to apply to tab which represents a dropdown
dropdownTabsListClass: 'tabs-list', // Classname to apply to tabs list within a dropdown
dropdownTabsClearfixClass: 'group' // Clearfix for dropdown
}*/);
</script>
</body>
</html>