Problema com o Hide / Show Jquery no div posicionado fixo
Eu tenho um rodapé pegajoso na parte inferior da página da web / ponto de vista, bem como link clicável "menu de alternância" que deve ocultar / mostrar o menu. O problema é que eu não consigo fazer o menu se esconder e percebi que o problema está no CSS do elemento que deve ser escondido / mostrado. É a posição fixa {position: fixed;} ... Quando eu removo "fixed", a ocultação e a exibição do menu funcionam 100%, mas obviamente o menu não está mais na parte inferior do navegador.
Como posso conseguir trabalhar isso com o posicionamento fixo?
Javascript para mostrar / ocultar é 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 é 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>
FYI: A posição: consertar; css aplica-se ao STICKYFOOTER div