[php][jQuery] problem z wysuwanymi panelami Opcje

[kamilo81]

[PHP] pobierz, plaintext 
<script type="text/javascript">
		$(function(){
 
			$(".panel").hide();
			$(".slide_button#1").toggle(function(){
				$(".panel#p1").show(300);
				$(this).addClass("zamknij"); 
				return false;
			},
			function(){	
				$(".panel#p1").hide(300)
				$(this).removeClass("zamknij"); 
				return false;
			});
 
		});
	</script>
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
<a href="#" class="slide_button" id="1"></a>
 
<div class="panel" id="p1">
	Walka sie nie odbyla				
</div>
 
<a href="#" class="slide_button" id="2"></a>
 
<div class="panel" id="p2">
	Walka sie nie odbyla				
</div>
 
[PHP] pobierz, plaintext 

CSS

/*----------panel----------*/
.panel
{
background: #223344;
padding: 10px;
width: 350px;
position: relative;
left: 24.5%;


}


/*---------przycisk panelu--------*/
.slide_button
{
background: url(images/button.png);
display: block;
height: 20px;
//text-indent: -9999px;
width: 120px;
}

.zamknij
{
background-position: 0px -20px;
}



Problem polega na tym, ze chcialbym tak samo zdefiniowanym przyciskiem otwierac rozne Divy(panele).
Jedyny pomysl jaki mam to jakos przekazac zmienna Id z linka od przycisku i Id z Diva do Scryptu, ale nie mam pojecia jak to zrobic. Nie wykluczam ze jest to glupi sposob, ale jestem jeszcze za malo obeznany w tej tematyce, wiec prosze o pomoc.

Pozdrawiam.

[erix]

Dajesz przyciskom jakąś klasę. Potem, selektorem z jQuery (jaki? CSS) podpinasz zdarzenie onclick. Jeśli przerabiałeś tutoriale, to na pewno wiesz. (IMG:style_emoticons/default/winksmiley.jpg)

A jeśli chodzi o pobranie ID, to masz taką metodę, jak attr(). Używasz jej wewnątrz zdarzenia onclick, w kontekście bieżącego elementu, czyli;

[JAVASCRIPT] pobierz, plaintext 
$(this).attr()
[JAVASCRIPT] pobierz, plaintext 

Dostałeś wędkę, teraz pora na łowy. (IMG:style_emoticons/default/winksmiley.jpg)