Forum PHP.pl

Witam

Mam pewien problem.

Mianowicie tworze sobie wysuwaną ramkę na podstawię artykułu:
http://websta.pl/tutoriale/jquery-wysuwany-boczny-panel-menu

Mój problem jest taki, ze chciałbym aby albo menu znikało po schowaniu albo chowało się za divem.
W tym artykule jest pokazane jak zrobic aby menu chowało się poza przeglądarką. a ja chciałbym zrobic tak aby chowało mi się np. za divem na środku strony.

przesuwałem ramke i ustawiałem ale nei moge jej przykryc divem. nawet jak stosowałem numeracje "z-index"..

czy wie ktos jak to zrobic?
czy moze jest jakis sposob aby po kliknieciu na "zamknij" div się "zsuwał" do zera, a nie przesuwał?

pozdrawiam

Z-index musi działać, jak nie to znaczy, że coś ci go nadpisuje albo ustawiłeś go tylko dla menu a zapomniałeś o tym div'ie. Ale mogę tylko zgadywać, prosim o przykład na żywo z tym co chcesz osiągnąć

https://m4tysi4k.nazwa.pl/projekt/em/

[HTML] pobierz, plaintext 
#content {
background: red;
width: 618px;
float: right;
min-height: 400px;
z-index: 2;
}
 
#panel{
	background: #223344;
	padding: 10px;
	width: 200px;
 	position: relative;
	margin-top: 0px; /*połowa wysokości panelu w górę */	
        z-index: 1;
	top: 50%;
}
[HTML] pobierz, plaintext 

content to ten div na czerwono, a panel to "pływająca ramka"
chce zeby się ona chowała pod tym divem ale nie moge jej tam wcisnąc...


skrypt js

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(function(){
 
	$("#panel").css("left","380px");
 
	$(".slide_button").toggle(function(){
 
		$("#panel").animate({left: "600px"}, 500 );
		$(this).addClass("zamknij"); 
		return false;
	},
	function(){	
		$("#panel").animate({left: "380px"}, 500 );
		$(this).removeClass("zamknij"); 
		return false;
	});
 
});
	</script>
[HTML] pobierz, plaintext 

budowa strony:

[HTML] pobierz, plaintext 
<div id="content">
  <div id="panel">
 	<ul id="main_menu">
      		<li><a href="#">Strona główna</a></li>
		<li><a href="#">Portfolio</a></li>
		<li><a href="#">Kontakt</a></li>
   	</ul>
 	<a href="#" class="slide_button" >Menu</a>
   </div>
</div>
[HTML] pobierz, plaintext 

bede wdzieczny za jakiekolwiek sugestie..
z js jestem baaaardzo zielony..

Wydaje mi się, że problem polega na tym, iż to menu nie może być w div'ie za którym się ma schować. Musisz je dać osobno i potem wypoycjonować.

Niestety to nic nie daje..

Próbowałem już na wszystkie sposoby..