Mam dolną stopkę na dole strony / punktu widzenia oraz klikalne łącze „menu przełączania”, które POWINIEN ukrywać / pokazywać menu. Problem polega na tym, że nie mogę ukryć menu i zauważyłem, że problem leży w CSS elementu, który ma się ukrywać / pokazywać. Jest to ustalona pozycja {position: fixed;} ... Kiedy usuwam „fixed”, to ukrywanie i pokazywanie menu działa w 100%, ale oczywiście menu nie jest już na dole przeglądarki.

Jak mogę uzyskać pracę z ustalonym pozycjonowaniem?

Javascript do pokazania / ukrycia wygląda następująco:

<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 idzie tak:

<div id="stick_footer_title"><a class="show_hide" href="#">Toggle Menu
 &#x25BC;</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: Pozycja: naprawić; css odnosi się do div STICKYFOOTER