Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]jquery- manu wysuwane., jquery
klucha
post
Post #1





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 5.01.2010

Ostrzeżenie: (0%)
-----


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>


Ten post edytował klucha 14.01.2010, 18:03:38
Go to the top of the page
+Quote Post
Max Damage
post
Post #2





Grupa: Zarejestrowani
Postów: 246
Pomógł: 19
Dołączył: 14.06.2007

Ostrzeżenie: (0%)
-----


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

[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function(){
  2. $('.cat_toggle').click(function(){
  3. $(".cat_toggle1").slideToggle('slow').click(function(){
  4. $(this).next('div').slideToggle('slow');
  5. });
  6. });
  7. });
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 7.08.2026 - 22:34