ogni
ogni

Reputation: 327

Create an accordion with toogle tabing fading effect

I´d like to make an accordion with toggle and fade-effect.

Here my jsfiddle

and two screens:

1)

enter image description here

2)

enter image description here

So, onclick on "Panel 1" or "Panel 2" the content should toogle down and up, too.

When I´ve choose one of theme and I click on the other panel, than the content should move by fadingIn and not toggle.

On screen 2) is a "close-button", this should close everytime all panel-contents and goes back to screen 1).

English isn´t my first language.

Thanks

Upvotes: 0

Views: 812

Answers (2)

isotrope
isotrope

Reputation: 1847

Is this the effect you're going for: http://jsfiddle.net/n5Y7p/3/ ? Quick and dirty, to get you started

Edit: My apologies. I've just realized that you wanted to crossfade the content.

Upvotes: 1

Xaca Xulu
Xaca Xulu

Reputation: 659

I would recommend you take a look at: http://docs.jquery.com/UI/Accordion

The implementation is fairly simple and easily customized.

Upvotes: 0

Related Questions