-
-
Save dhg/973450 to your computer and use it in GitHub Desktop.
Skeleton Tabs
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- Standard <ul> with class of "tabs" --> | |
<ul class="tabs"> | |
<!-- Give href an ID value of corresponding "tabs-content" <li>'s --> | |
<li><a class="active" href="#simple">Simple</a></li> | |
<li><a href="#lightweight">Lightweight</a></li> | |
<li><a href="#mobileFriendly">Mobile</a></li> | |
</ul> | |
<!-- Standard <ul> with class of "tabs-content" --> | |
<ul class="tabs-content"> | |
<!-- Give ID that matches HREF of above anchors --> | |
<li class="active" id="simple">The tabs are clean and simple unordered-list markup and basic CSS.</li> | |
<li id="lightweight">The tabs are cross-browser, but don't need a ton of hacky CSS or markup.</li> | |
<li id="mobileFriendly">The tabs work like a charm even on mobile devices.</li> | |
</ul> | |
<!-- NOTE: jQuery that fires the change is in tabs.js --> | |
<!-- Interested in pure JS tabs? There is an unofficial project on Github here: https://github.com/pinktrink/Skeleton --> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment