neat is a lightweight UI handler for jQuery.
jQuery UI is overloaded and bloated. neat is not.
First include jQuery, then neat in your site:
<script src="//code.jquery.com/jquery-latest.min.js"></script> <script src="jquery.neat.min.js"></script>Use the neat methods (you can find more about methods in the wiki):
<script> $(function(){ $('.element').method(); }); </script>Create an accordion using a plain definition list:
- This is the title of the first pane
- This is a description.
- This is the title of the second pane
- This is a description.
Load and customize it:
$('.accordion').accordion({ 'speed': 200 // Defines the toggle speed of each item });
Create a tabbed navigation using a list and articles:
Load it:
$('.tabs').tabs();
TODO: Describe what it does and how to use ...
TODO: Describe what it does and how to use ...
Reduce loading times and use the minified version of the plugin here.
Many mobile browsers add a 300ms-delay to each click-event (to check for double-tapping). To get around this, you just need to implement [fastclick] (http://build.origami.ft.com/bundles/js?modules=fastclick):
$(function() { FastClick.attach(document.body); });