Hi, I'm new to jquery and this forum. Hopefully this post is in the right place...

The issue I have can be seen live here: http://dnfgraphics.com/cypress/

The accordion effect works great, but the client wants the first section to be filled with text across the entire area, while the other sections have an image (the tab), then text to the right of it.

As you can see, the content in the first section 'blinks' because the img/tab hides it.  it's left-margin is set to -90px so it can overlap the tab image.

I tried having the content of the first section fade in, but the glitch was still visible, and it was ugly.

I THINK doing a slide instead of fade would work, but I don't know how to implement it. Any help on this, or alternative ideas are GREATLY appreciated.

NOTE: Not how relevant this but because the navigation menu animation uses ul/li, I had to use divs for the accordion effect so they wouldn't conflict. (I tried IDing the li's but couldn't make it work.)


--
dnf graphics