I have a Jquery Cycle question I'm hoping someone can help me with.

Consider this:

<div id="slides">
<div class="a">content and images</div>
<div class="a">content and images</div>
<div class="a">content and images</div>
<div class="b">content and images</div>
<div class="b">content and images</div>
<div class="b">content and images</div>
</div>

<a href="#">Reveal A and hide B</a>
<a href="#">Reveal B and hide A</a>

If they click 'A' then the divs with class 'a' cycle, while class 'b' don't feature. If they click 'B' then the divs with class 'b' feature and the 'a' don't feature.

Sounds fairly simple, right? Except when I toggle between the two classes jQuery Cycle doesn't like it the slides get messed up.

I have tried various code iterations, none of which are that helpful so I won't include them.

If somebody could assist me, that would be much appreciated.

Thanks!