Filters is a jQuery plugin that allows to filter items using custom animation. You can use CSS3 transitions or just fadeIn/Out effect. Go to the demos and see how simple is that.
A lightweight jQuery plugin that enables expanding and collapsing content. This Plugin delivers an accessible and lightweight solution to a widely adopted interface pattern (known as progressive disclosure). It includes features like cookie persistence, ARIA compliance, and is designed to be flexible and modular enough to be used in many different’t scenarios.
Providing a simple and reliable means of feedback from site visitors is a crucial part of any web presence. The most simple and common feedback channel are contact forms.
In this tutorial we are going to make an AJAX contact form which leverages modern web development techniques.
We are using PHP, CSS and jQuery with the help of the formValidator plugin for form validation and the JQTransform plugin, which will style all the input fields and buttons of the form. In addition we are using the PHPMailer class to send out the contact form emails.
For the page background we are using a fantastic dark wood texture by Matt Hamm.
The form degrades gracefully, which means it is perfectly usable even with JavaScript turned off.
*Edit: Also make sure you are running PHP 5. If this is not the case, you can switch the PHP version from your hosting control panel.
And here are the options for the plugin:
items = number of items to have per page on pagination
next = the text you want to have inside the text button
previous = the text you want in the previous button
active = the class you want the active paginaiton link to have
pagination_class = the class of the pagination element that is being generated for you to style
minimize = minimizing will limit the overall number of elements in the pagination links
nav_items = when minimize is set to true you can specify how many items to show
cookies = if you want to use cookies to remember which page the user is on, true by default
position = specify the position of the pagination, possible options: “before”, “after”, or “both” [added in version 0.2]
equal = implements an equal height main element by using the highest possible element use true false [added in version 0.3]
offset = unfortunately calculating heights with javascript isn’t always 100% accurate, so please use this value to make it perfect
its defaultly set to 50 [added in version 0.3]
Easy Paginate - jQuery plugin for pagination
This plugin allows you to browse easily through the list of items with pagination controls. It is very easy to implement and very lightweight so it might come in handy to use in your own projects. It’s main purpose is to view certain number of list items at once, but it can also be set up to view one item by one.
Pajinate is a simple and flexible jQuery plugin that allows you to divide long lists or areas of content into multiple separate pages. Not only is it a simpler alternative to server-side implementations, the time between paginated-page loads is almost nil (up to a reasonable page-size of course).
Features
- Split any ordered (OL) or unordered (UL) list
- Define the number of columns in which you want your lists to be split
- Target more than one list on the same page and set different number of columns for each of them
- CSS is completely separated from the javascript. You can either modify the default one or create your own
- A class “last” will be added to each last UL or OL so that you can easily remove side padding or margin
- NEW: Easy List Splitter Plugin preserves nested lists now!
- NEW: You can now choose whether to order your list items vertically or horizontally
- There is no need to modify your HTML. Just target your list element using any of the JQuery-selectors.
- No dependencies at all!
- Plugin size 4KB!
This is a simple jQuery plugin which allows you to toggle the children of a definition list.
Basic usage is :
$('#faq').dltoggle( options );
Only minimal options are supported right now:
OptionMeaning closed-imageThe image to use for closed lists. open-imageThe image to use for open lists. leave-openIf set all elements are left open, see demo 2.




