Forum PHP.pl > [JavaScript]jquery- manu wysuwane.

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]jquery- manu wysuwane.

klucha

14.01.2010, 18:02:46

witam robię menu w jquery i mam problem

chciałbym zrobić tak aby menu wyglądało tak

Gry
----Na PC
-------Strategiczne
-------Symulatory
-------Sportowe

----NA KONSOLE
-------Strategiczne
-------Symulatory
-------Sportowe

takie 3 poziomowe i mam problem bo gdy klikam na Gry to wysuwa się jedynie "na pc"
zobacz tu http://klucha.linuxpl.eu/menu.htm
Jak zrobić aby wysuwały się wszystkie?

<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-2">

<script src="menu_pliki/jquery-latest.js"></script>
<script>
$(document).ready(function(){

$('.cat_toggle').click(function(){
$(this).next('div').slideToggle('slow');

$('.cat_toggle2').css({'display' : 'none'});

});

$('.cat_toggle1').click(function(){
$(this).next('div').slideToggle('slow');
});

});

</script>

<style type="text/css">

.cat_toggle, .cat_toggle1, .cat_toggle2, {
cursor: pointer;
}

.cat_toggle1, .cat_toggle2 {
display: none;
}

.cat_toggle1 {
margin-left: 15px;
}

.cat_toggle2 {
margin-left: 25px;
}

.span{
display: block;

padding-left:30px;
}

.span1{
display: block;

}

.span2{

}

.cat_toggle, .cat_toggle1 {
padding-left:30px;
}

</style>

</head><body>

<div class="cat_toggle"><a href="#">Gry</a></div>

<div class="cat_toggle1"><a href="#">NA PC</a></div>

<div class="cat_toggle2">
<span class="span"><a href="#">Logiczne</a></span>
<span class="span"><a href="#">Symulatory</a></span>
<span class="span"><a href="#">Sportowe</a></span>
</div>

<div class="cat_toggle1"><a href="#">NA KONSOLE</a></div>

<div class="cat_toggle2">
<span class="span"><a href="#">Logiczne</a></span>
<span class="span"><a href="#">Symulatory</a></span>
<span class="span"><a href="#">Sportowe</a></span>
</div>

</body></html>

Max Damage

14.01.2010, 19:19:09

Umieszczaj kod w tagach. Wybiera się je z menu: kolorowanie składni.

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){ 
	$('.cat_toggle').click(function(){
		$(".cat_toggle1").slideToggle('slow').click(function(){
			$(this).next('div').slideToggle('slow');
		});
	});
});
[JAVASCRIPT] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.