Spacer between panels in jQuery Accordion

Question

I have a small requirement that has eluded me...

Using jQuery Accordion (version 1.10.2)

Is there a way to put a spacer between the sections of the accordion?

Basically what the owner wants is the default functionality of the accordion as it is, but they want some space between the sections vertically.

Can this be accomplished?

Thank you

Answer 1

You can add a top margin to the accordion sections except the first like this

  #accordion > h3 {
    margin-top: 50px;
  }

  #accordion > h3:first-child {
      margin-top: 0;
  }

Updated example using the html structure on jquery ui docs