Проблема с Hide / Show Jquery на фиксированном div
У меня есть липкий нижний колонтитул в нижней части веб-страницы / точки обзора, а также кликабельная ссылка «Переключить меню» что ДОЛЖНО скрывать / показывать меню. Проблема в том, что я не могу скрыть меню, и я обнаружил, что проблема заключается в CSS элемента, который должен скрывать / показывать. Это фиксированная позиция {position: fixed;} ... Когда я удаляю & quot; fixed & quot; после этого скрытие и отображение меню работает на 100%, но, очевидно, меню больше не находится внизу браузера.
Как я могу заставить это работать с фиксированным позиционированием?
Javascript для отображения / скрытия выглядит так:
<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 выглядит так:
<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>
К вашему сведению: позиция: исправить; css относится к разделу STICKYFOOTER