如何避免页脚上的手风琴重叠

我是 jQuery 新手。我正在使用手风琴。当我单击手风琴时，它会重叠在页脚上。我怎样才能避免它

下面是页脚的代码 -

<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.

问题是手风琴的某些包装器的 CSS

或者页脚已设置为固定在页面上的该位置。