foundation
Version:
You may also want to checkout:
58 lines (45 loc) • 2.02 kB
HTML
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width" />
<title>Foundation Tabs Testing</title>
<!-- Included CSS Files -->
<link rel="stylesheet" href="../../../stylesheets/styles.css">
<link rel="stylesheet" href="../../../stylesheets/qunit.css">
<script src="../../../../lib/assets/javascripts/foundation/modernizr.foundation.js"></script>
</head>
<body>
<div class="row">
<div class="twelve columns">
<div id="qunit"></div>
<div id="qunit-fixture">
<div class="row">
<div class="twelve columns">
<ul id="tabs1" class="tabs">
<li class="active"><a href="#simple1">Simple Tab 1</a></li>
<li><a href="#simple2">Simple Tab 2</a></li>
<li><a href="#simple3">Simple Tab 3</a></li>
</ul>
<ul class="tabs-content">
<li class="active" id="simple1Tab">This is simple tab 1's content. Pretty neat, huh?</li>
<li id="simple2Tab">This is simple tab 2's content. Now you see it!</li>
<li id="simple3Tab">This is simple tab 3's content. It's only okay.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Test Foundation Components Here -->
<!-- Included JS Files -->
<script src="../../../../lib/assets/javascripts/foundation/jquery.js"></script>
<script src="../../../../lib/assets/javascripts/foundation/foundation.js"></script>
<script src="../../../../lib/assets/javascripts/foundation/jquery.foundation.tabs.js"></script>
<script src="../../../javascripts/qunit.js"></script>
<script src="../../../javascripts/tests/tabs/simple_tabs.js"></script>
</body>
</html>