Advertise here

jQuery Plugins Tagged ‘expand’

Houdini – Simple Collapse/Expand and Accordion Widget

February 04, 2018     575     Form Elements
Houdini – Simple Collapse/Expand and Accordion Widget

Houdini is a simple collapse/expand and accordion script. Houdini supports deep linking to a specific collapsed content via anchor links.

Read More »

Expanding Grid Item Animation with CSS and Javascript

November 08, 2017     2501     CSS3 & CSS Animation Grid & Layout
Expanding Grid Item Animation with CSS and Javascript

A tutorial about creating grid item animation where the thumbnail scales up when the details view is opened by using CSS animations and javascript.

Read More »

Expanding Bar Navigation Concept with Javascript

March 24, 2017     1056     CSS3 & CSS Animation
Expanding Bar Navigation Concept with Javascript

An experimental tab-like navigation concept where a content area is opened with an animation once an item is clicked.

Read More »

ZingTouch – JavaScript Gesture Detection Library for Modern Web

July 10, 2016     2117     Mobile
ZingTouch – JavaScript Gesture Detection Library for Modern Web

ZingTouch is a modern JavaScript touch gesture library. ZingTouch allows developers to configure pre-existing gestures and even create their own using ZingTouch's life cycle

Read More »

Stacky – jQuery Plugin to Create Stackable Panels

August 03, 2015     1793     Others
Stacky – jQuery Plugin to Create Stackable Panels

Stacky is a jQuery plugin that gives you the ability to open panels horizontally, as you need them. Panels can be opened and closed, and also expanded and collapsed. 

Read More »

Expanding Panel with jQuery and CSS3

January 20, 2015     4910     CSS3 & CSS
Expanding Panel with jQuery and CSS3

A combination of very basic HTML, CSS and a little bit of jQuery you can achieve a pretty nifty, clean expanding tile. Feel free to use this concept to create your own Expanding CSS3/jQuery Panels.

Read More »

Expanding Textareas jQuery Plugin

July 17, 2014     1898     Form Elements
Expanding Textareas jQuery Plugin

Expanding Textareas is a jQuery plugin for elegant expanding textareas. The plugin creates a textarea clone with identical dimensions to that of the original.

Read More »

Readmore.js – jQuery Plugin to Expand and Collapse Texts

August 02, 2013     10658     Text & String
Readmore.js – jQuery Plugin to Expand and Collapse Texts

Readmore.js is a lightweight jQuery plugin for collapsing and expanding long blocks of text with "Read more" and "Close" links.

Read More »

Mobile Friendly and Responsive Expanding Search Bar

June 26, 2013     24178     Mobile Responsive
Mobile Friendly and Responsive Expanding Search Bar

A tutorial on how to create a mobile-friendly and responsive expanding search bar.

Summarized, this is what we want the search component to do:

  • Initially, we only want to show a button with a search icon.
  • When clicking on the icon, we want a text input to slide out.
  • The component should be fluid, meaning that we can use it in a responsive context.
  • For a smoother experience on touch devices, we’ll also want to add support for touch events.

Read More »

Thumbnail Grid with Expanding Preview Like Google Images

March 19, 2013     57007     Gallery Grid & Layout
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.

Read More »

Simple Effects for Drop-Down Lists

November 30, 2012     8135     CSS3 & CSS Form Elements Effects
Simple Effects for Drop-Down Lists

A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.

The idea is to transform a normal select input into something more appealing with a jQuery plugin. The expanding of the options will happen with a transition and parameters can be configured in a way to achieve unique effects.

Read More »

Draggable Image Boxes Grid with jQuery

August 28, 2012     28812     Drag & Drop Effects Grid & Layout
Draggable Image Boxes Grid with jQuery

Here you ll learn how to create a template with a fullscreen grid of images and content areas.

The idea is to have a draggable grid that shows boxes of thumbnails and menu like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area.

Read More »

Vertical Sliding Accordion with jQuery

June 09, 2012     15544     Slider Effects
Vertical Sliding Accordion with jQuery

Here you will create flexible vertical jQuery accordion.
The main idea is to expand the accordion slices on click and show some more information. The other slices will become less opaque and squeezed. When navigating to the next slice using one navigation arrows, a new slice will slide in from the top or the bottom. Once a slice is open and we navigate, the subsequent slice will open on slide.

Read More »

jQuery Expandable Plugin

May 23, 2012     1264     Text & String
jQuery Expandable Plugin
A jQuery plugin that auto-expands textareas to fit the contents as a user types.

Read More »

jQuery Collapse

March 07, 2012     4030     Others
jQuery Collapse

jQuery Collapse is a lightweight jQuery plugin that enables expanding and collapsing content. Accordion behaviour can be enabled too.

Read More »