Colio - jQuery Portfolio Content Expander Plugin

Colio - jQuery Portfolio Content Expander Plugin - CodeCanyon Item for Sale

Responsive Portfolio Content Expander Plugin with Black & White Theme

The idea of Colio – jQuery Portfolio Content Expander Plugin is to display details about your portfolio items on the same page in form of expandable viewport that can show up above, below or inside your portfolio grid. Colio includes black and white theme for quick start and can be easily integrated in existing portfolio. Also it’s compatible with popular filtering plugins like isotope and quicksand and works on tablets and mobile devices!


  • Responsive
  • Mobile optimized
  • Includes black and white theme
  • Different placement options & dynamic inside placement
  • Inline or AJAX content
  • Content filters and callbacks
  • Easy integration in existing portfolio
  • Compatible with isotope and quicksand plugins
  • Scroll to view feature
  • Retina-ready navigation
  • Valid markup
  • JSHint compliant code
  • Detailed install instructions

Update to version 1.1 (Feb 02, 2014)

- fixed problem when css “top” position was not explicitly set to pixel value for portfolio items in style.css (“inside” placement)
- fixed problem with the whitespace appearing below portfolio list when opening next item without closing previous one (“inside” placement)

Update to version 1.2 (Apr 30, 2014)

- added new option “scrollPage” to enable/disable auto scroll to colio viewport
- now auto page scroll will be blocked when you resize window with opened viewport
- to support dynamic content inside viewport, you can trigger resize by sending $(’.colio’).resize() event and be sure no other listeners will run


Following plugins have been used in preview – Isotope, Quicksand, Fancybox, Flexslider