Ich habe eine klebrige Fußzeile am unteren Rand der Webseite / Ansicht sowie einen anklickbaren Link "Menü umschalten", der das Menü verstecken / anzeigen SOLLTE. Das Problem ist, dass ich das Menü nicht zum Ausblenden bringen kann, und ich habe festgestellt, dass das Problem im CSS des Elements liegt, das ausgeblendet / angezeigt werden soll. Es ist die feste Position {position: fixed;} ... Wenn ich "fixed out" entferne, funktioniert das Ein- und Ausblenden des Menüs zu 100%, aber das Menü befindet sich offensichtlich nicht mehr im unteren Bereich des Browsers.

Wie kann ich mit der festen Positionierung arbeiten?

Javascript zum Ein- / Ausblenden geht so:

<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 Geht so:

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

Zu Ihrer Information: Die Position: fix; CSS gilt für den STICKYFOOTER div