jq-collapse.js Content Toggle Plugin Examples

A jQuery content toggle plugin that allows hiding and showing of an element with smooth fade/slide transitions.

Basic Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vitae consectetur justo. Sed cursus dolor purus. Donec fermentum orci non augue feugiat, at pulvinar tortor maximus. Ut sit amet vulputate nisl. Curabitur quis metus nec sem interdum elementum. Curabitur sit amet convallis libero. Sed accumsan non neque sed molestie. Mauris sit amet ante ac purus sagittis malesuada a non massa. In maximus at nibh et feugiat.

With Animations

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vitae consectetur justo. Sed cursus dolor purus. Donec fermentum orci non augue feugiat, at pulvinar tortor maximus. Ut sit amet vulputate nisl. Curabitur quis metus nec sem interdum elementum. Curabitur sit amet convallis libero. Sed accumsan non neque sed molestie. Mauris sit amet ante ac purus sagittis malesuada a non massa. In maximus at nibh et feugiat.

Horizontal

Content To Show/Hide

Persist Open/Close State

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vitae consectetur justo. Sed cursus dolor purus. Donec fermentum orci non augue feugiat, at pulvinar tortor maximus. Ut sit amet vulputate nisl. Curabitur quis metus nec sem interdum elementum. Curabitur sit amet convallis libero. Sed accumsan non neque sed molestie. Mauris sit amet ante ac purus sagittis malesuada a non massa. In maximus at nibh et feugiat.

Responsive

Content To Show/Hide