Thanks for the help but i solved it without a plugin, using
slideToggle. It's still a bit jumpy but:
$('.open').slideToggle('slow', function() { $(this).removeClass
('open'); });
$('.'+$(this).attr("id")).slideToggle('slow', function() { $
(this).addClass('open'); });
On Apr 25, 1:34 pm, Jeff Jones <pixelst...@gmail.com> wrote:
> I'm not sure what your ultimate goal is, but you might try the cycle
> plugin. It has a lot of flexibility.http://plugins.jquery.com/project/cycle
>
> On Apr 24, 8:07 pm, adw999 <adw...@googlemail.com> wrote:
>
> > I tried using slideToggle but the screen flickers badly, any reasons
> > for this?
>
> > Thanks
>
> > On Apr 25, 12:53 am, amuhlou <amysch...@gmail.com> wrote:
>
> > > The function you are calling calls slideUp for the first div and
> > > slideDown for the 2nd item. When you click it a 2nd time it won't
> > > work because the divs are already in the positions they should be
> > > (having already been slid up and down).
>
> > > I think you may have better luck with the slideToggle method, which
> > > toggles the visibility of the elements.
>
> > >http://docs.jquery.com/Effects/slideToggle
>
> > > On Apr 24, 7:00 pm, adw999 <adw...@googlemail.com> wrote:
>
> > > > Hi,
>
> > > > I have the following code:
>
> > > > $(document).ready(function() {
> > > > $('.artistspanel').hide();
> > > > $("#teamcontainer h2").click(function(){
> > > > $('#teamcontainer
> > > > div:visible').not('.hr').slideUp('slow');
> > > > $('.'+$(this).attr("id")).slideDown('slow').show();
> > > > });
>
> > > > });
>
> > > > Which runs with the html:
>
> > > > <div id="teamcontainer">
>
> > > > <h2 id="panelone">Panel 1</h2>
> > > > <div class="artistspanel panelone">
> > > > //content
> > > > </div>
> > > > <div class="clear hr"></div>
> > > > <h2 id="paneltwo">Panel 2</h2>
> > > > <div class="artistspanel paneltwo">
> > > > //content
> > > > </div>
> > > > <div class="clear hr"></div>
> > > > <h2 id="panelthree">Panel 3</h2>
> > > > <div class="artistspanel panelthree">
> > > > //content
> > > > </div>
>
> > > > </div>
>
> > > > It runs the slide up and slide down fine one round, but clicking the
> > > > h2 again doesn't do anything. Any suggestions?
