STYLE SWITCHER

Jquery

Simple jQuery Accordion

Simple jQuery Accordion

Toggle elements on a web page
HTML

<div class="accordion">
<div class="accordion-item">
Item 1
</div>
<div class="data">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy          text   ever since the 1500s,
</div>

<div>
Item 2
</div>
<div>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy          text   ever since the 1500s,
</div2

jQuery

$(function($) {
var allAccordions = $('.accordion div.data');
var allAccordionItems = $('.accordion .accordion-item');
$('.accordion > .accordion-item').click(function() {
if($(this).hasClass('open'))
{
$(this).removeClass('open');
$(this).next().slideUp("slow");
}
else
{
allAccordions.slideUp("slow");
allAccordionItems.removeClass('open');
$(this).addClass('open');
$(this).next().slideDown("slow");
return false;
}
});
});
More
ScrollMe

ScrollMe

A jQuery plugin for adding simple scrolling effects to web pages
http://scrollme.nckprsn.com/
More
jquery.nstSlider.js

jquery.nstSlider.js

jquery.nstSlider.js is currently used on Nestoria result pages to help users finding properties within a specific price range. What demo is better than a live demo? Go and have a look! Be aware that Nestoria is hiring, and there is a Nestoria API available if you want to include Nestoria listings in your website!
http://lokku.github.io/jquery-nstslider/
More
Owl Carousel 2

Owl Carousel 2

Owl-Carousel-2
Touch enabled jQuery plugin that lets you create a beautiful responsive carousel slider.
http://www.owlcarousel.owlgraphic.com/
More
JQ.LIVELIKE

JQ.LIVELIKE

FACEBOOK LIVE LIKE COUNTER PLUGIN
http://livelike.ubulut.com/
More
Thumbnail Grid with Expanding Preview Like Google Images

Thumbnail Grid with Expanding Preview Like Google Images

A nice tutorial from Codrops on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images. The idea is to open a preview when clicking on a thumbnail and to show a larger image and some other content like a title, a description and a link.
http://jquery-plugins.net/thumbnail-grid-with-expanding-preview-like-google-images
More