Accordion slider

Accordion Slider was rewritten to provide better responsive design and a public method that can be called to reconstruct the slider.

In Accordion Slider, you can call declared methods such as constructing, going to certain slide, play and more.

Accordion Slider provides a slideshow option with start, stop, next and previous buttons.

Accordion Slider contains a lot of options that you can change for maximum customization comfort.

Accordion Slider comes with a bunch of pre-styled captions and control bars.

Have no idea about jQuery, HTML? Don't worry, Unleash comes with detailed step by step documentation for setting up the slider.

<div class="AccordionSlider">
<div class="box">
<img alt="" src="/portals/27/sliderimage/img_1.jpg" />
<div class="upper_text">
<h4> <a href="#">Responsive Design!</a></h4>
</div>
<div class="lower_text">
<p>Accordion Slider was rewritten to provide better responsive design and a public method that can be called to reconstruct the slider.</p>
</div>
</div>
<div class="box">
<img alt="" src="/portals/27/sliderimage/img_6.jpg" />
<div class="upper_text">
<h4> <a href="#">Public Methods!</a></h4>
</div>
<div class="lower_text">
<p>In Accordion Slider, you can call declared methods such as constructing, going to certain slide, play and more.</p>
</div>
</div>
<div class="box">
<img alt="" src="/portals/27/sliderimage/img_3.jpg" />
<div class="upper_text">
<h4> <a href="#">Now You Can Play!</a></h4>
</div>
<div class="lower_text">
<p>Accordion Slider provides a slideshow option with start, stop, next and previous buttons.</p>
</div>
</div>
<div class="box">
<img alt="" src="/portals/27/sliderimage/img_4.jpg" />
<div class="upper_text">
<h4> <a href="#">Lots of Options!</a></h4>
</div>
<div class="lower_text">
<p>Accordion Slider contains a lot of options that you can change for maximum customization comfort.</p>
</div>
</div>
<div class="box">
<img alt="" src="/portals/27/sliderimage/img_5.jpg" />
<div class="upper_text">
<h4> <a href="#">Pre-styled Skins!</a></h4>
</div>
<div class="lower_text">
<p>Accordion Slider comes with a bunch of pre-styled captions and control bars.</p>
</div>
</div>
<div class="box">
<img alt="" src="/portals/27/sliderimage/img_2.jpg" />
<div class="upper_text">
<h4> <a href="#">Documentation!</a></h4>
</div>
<div class="lower_text">
<p>Have no idea about jQuery, HTML? Don't worry, Unleash comes with detailed step by step documentation for setting up the slider.</p>
</div>
</div>
</div>
Planar Client Options
Layout Style
  • Wide
  • Boxed
Theme Preview