How Can I destroy a jquery slideshow and load elements with default style?

Question

I am using a jquery slideshow plugin called superslides . I wanted to implement a multi styled page for my quote site . By default the slideshow plugin is initiated. I need to destroy the slide effect on button click and load grid view for my elements. I have tried removing the id for the slideshow markup and then do an ajax load,but it doesn't work! This jquery plugin has a destroy api $('#slides').superslides('destroy') .

<div id="slides">
  <div class="slides-container">
    <h2>This is a quote</h2>
    <h2>This is another</h2>
  </div>
</div>

Answer 1

If the destroy option isn't working for you, the next best thing might be to clone the container element in a global variable before you convert it to a slideshow:

$pre_slideshow = $('#slides').clone();
$('#slides').superslides();
// later, when you want to restore it....
$('#slides').replaceWith($pre_slideshow);