Forum PHP.pl > [CSS][jQuery]Skrócenie zapisu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS][jQuery]Skrócenie zapisu

MateuszS

21.06.2009, 15:36:09

Hi. Zacząłem naukę jQuery bo wypada znać, postanowiłem zrobić sobie proste dynamiczne menu. No i zrobiłem

[HTML] pobierz, plaintext 
<style type="text/css">
 
div.div1 {
margin-top: 50px;
margin-left: 20px;
background: green;
width: 200px;
color: white;
float: left;
}
 
div.div2 {
margin-top: 50px;
width: 400px;
background: blue;
display: block;
float: left;
}
 
p.p {
display: none;
}
 
p.p1 {
display: none;
}
 
p.p2 {
display: none;
}
</style>
 
 
<script type="text/javascript" src="jQuery.js"></script>
 
 
 
<script type="text/javascript">
 
$(document).ready( function() {
    $(".li").click( function() {
    $(this).next("p").toggle("slow");
    $(".a").click( function () {
        $(".p1").show("slow");
        $("p").not(".p1").not(".p").hide();
    });    
    $(".a2").click( function () {
        $(".p2").show("slow");
        $("p").not(".p2").not(".p").hide();    
    });
 
});
});    
 
 
</script>
 
</head>
<body vlink="white" link="white" alink="white">
 
<div class="div1">
    <b>Menu</b>
    <ul class="ul">
        <li class="li">Menu pierwsze </li>
            <p class="p"><a href="#" class="a">Akapit do rozwinięcia 1</a></p>
 
        <li class="li">Menu drugie </li>
            <p class="p"><a href="#" class="a2">Akapit do rozwinięcia 2</a></p>
    </ul>    
</div>    
<div class="div2">
    <p class="p1">Myślę że to dobre rozwiązanie</p>
    <p class="p2">Myślę że to jest wszystko porąbane</p>
</div>
[HTML] pobierz, plaintext

No i chce sie zapytac czy da sie to okrocic bo nie bede co nowy dzial dodawal 10 linijek jQuery i stylow. Myslalem nad zrobieniem funkcji ale musialbym jakos zmienna wpakowac pod klase jednak nie bardzo wiem jak ^^ Nakierujcie mnie prosze. Pozdrawiam

Crozin

21.06.2009, 15:55:14

1) Formatuj jakoś ten kod... nie da się go ogarnąć.
2) Po co dajesz jakieś klasy "li", "div" etc. Nie możesz operować po nazwach elementów?
3) Ucz się, jeżeli jest to Ci potrzebne/przydatne, a nie "bo wypada"
4) Napisz co chciałbyś osiągnąć, jaki efekt.

MateuszS

21.06.2009, 15:57:16

Chcialbym wywalic te klasy p1 p2 a a2 zeby nie musiec co akapit dodawac p3 p4 a3 a4 itd. Wlasnie chce go jakos ogarnac skrocic zapis

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.