Problema con Ocultar / Mostrar Jquery en div posicionado fijo
Tengo un pie de página adhesivo en la parte inferior de la página web / punto de vista, así como el enlace "menú de alternancia" que DEBE ocultar / mostrar el menú. El problema es que no puedo ocultar el menú y he detectado que el problema se encuentra dentro de la CSS del elemento que se supone debe ocultar / mostrar. Es la posición fija {posición: fija;} ... Cuando elimino "fijo", la función de ocultar y mostrar del menú funciona al 100%, pero obviamente el menú ya no se encuentra en la parte inferior del navegador.
¿Cómo puedo conseguir trabajar esto con el posicionamiento fijo?
Javascript para mostrar / ocultar va como:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"
type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".slidingDiv").show();
$(".show_hide").show();
$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
});
});
</script>
HTML va como:
<div id="stick_footer_title"><a class="show_hide" href="#">Toggle Menu
▼</a></div>
<div class="slidingDiv">
<div id="stickyfooter">
<ul id="footer_menu">
<li class="imgmenu"><a href="#"></a></li>
<li><a href="#intro">Intro</a></li>
<li><a href="#photos">Photos</a></li>
</ul>
</div>
</div>
Para tu información: La posición: arreglar; css se aplica al div STICKYFOOTER