Question

Does anyone know how to get JQuery’s accordion to overlap content below instead of pushing it down? I have a single menu-item accordion, with content that I want to display and hide accordingly. (I could probably use JQuery to hide and show a Div using animations instead of using this route, but I’m curious and have invested a lot of time looking for an answer so far).

Higher z-index for the accordion and absolute/fixed positions for the elements below don’t work.

Any ideas?

Answer 1

Try placing your accordeon into div, and set the following properties of that div:

div 
{
height:150px;
overflow:visible;
}

Have a look at this example.