<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"> $(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"> <ul class="ul"> </ul> </div> <div class="div2"> </div>
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