How to correct overlapping accordion on footer

问题

I'm new to jQuery. I'm using Accordion. When I click on the accordion it overlaps on the footer. How can I avoid it

Below is the code for the footer -

<footer>
    <div class="row footer_class">
        <div class="container">
            <div class="col-lg-8 font_color">Copyright &#169; 2013</div>
            <div class="col-lg-2  pull-right font_color">Powered by Test</div>
        </div>
    </div>
</footer>  

Below is the picture of how accordion overlaps the footer.

I don't want it to overlap the footer but the footer should move down below the accordion when the collapsible menu is opened. Below is the CSS for the footer -

.row_color{
border:2px solid #A40F17;
margin:0px;
}
.footer_class{
background-color:#A40F17;
height:40px;
color:#fff;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
position : relative;
}

But still the footer overlaps over accordion

回答1:

You could try the CSS code clear: both either on the footer or the div that wraps your accordion.

来源：https://stackoverflow.com/questions/22428578/how-to-correct-overlapping-accordion-on-footer