jQuery手风琴/切换面板-仅关闭/打开特定的类

Question

Community!

I really need your help now. I wanted to make an accordion in which I can open all Tabs. By searching the Web I found a good solution:

http://jsbin.com/eqape/968/edit

The first Div-Container of each Section is the one who closes/opens up. I want to define 3 div-Containers. One at the top (always displayed), one in the center (with the toggle-functionality) and one on the bottom (always displayed). Is this possible ? And how can I do this ? I'm new to jQuery so this drives me crazy.

Thank you, guys!

Answer 1

I think you're trying too hard. If I understand correctly, you simply want any .top to toggle the adjacent .content. Since I'm more familiar working in JSFiddle, I've set the code up there:

http://jsfiddle.net/SuyS2/1/

$('.top').click(function () {
  $(this).next('.content').slideToggle();
});

Let me know if I'm missing something.

UPDATE:

If you had wanted the sections and the inner content to toggle, you could do this:

http://jsfiddle.net/SuyS2/5/

$('.section-heading').click(function () {
  $(this).next('.section-wrapper').slideToggle();
});

$('.top').click(function () {
  $(this).next('.content').slideToggle();
});