Member Avatar for rouse

I found a demo version of a jQuery accordion menu that I liked. I want to implement it on my soon to be published home page, What it does not do is that it pushes and pulls the content below it, as down as the accordion expands and contracts. I thought I could solve this by setting the z-index to a large number like 50 so it would sit “Zwise” above the other HTML mark-up. This does not work.
Is there any way to float the z-index above the markup?
Here is the code from the CSS file:

/*
 * Menu code
 */

.menu_list {	
    width: 150px;
    border: solid 1px orange;
}

.menu_head {
    padding: 5px 10px;
    cursor: pointer;
    position: relative;
    margin:1px;
    font-weight:bold;
    background: #eef4d3 url(../images/left.png) center right no-repeat;
    border: solid 1px red;
}

.menu_body {
	display:none;
}

.menu_body a{
    display:block;
    color:#006699;
    background-color:#EFEFEF;
    padding-left:10px;
    font-weight:bold;
    text-decoration:none;
}

.menu_body a:hover{
    color: #000000;
    text-decoration:underline;
}

Thanks?
WBR

  • 1 Contributor
  • 1 Reply
  • 104 Views
  • 11 Hours Discussion Span
  • Latest Post Latest Post by rouse
Member Avatar for rouse

No need for help any more I found a solution.
WBR

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.