[JavaScript][jquery] Problem z parent i child Opcje

[nienarodzony]

Witam. Mam taki problem.
Może najpierw pokaże kod:

[HTML] pobierz, plaintext 
<div class="box">Katalog rzędu 1
    <div class="child">
  zawartosc pierwszego rzędu
 
       <div class="box">
    katalog rzędu 2
 
          <div class="child">
             zawartosc drugiego rzędu
           </div>
       </div>
 
    </div>
 
 
</div>
 
[HTML] pobierz, plaintext 

i do tego jquery:

[HTML] pobierz, plaintext 
 $(document).ready(function(){
		$(".box .child").hide();
		$(".box").click(function(){
 
			$(this).children(".child").fadeToggle();
		});
	});
[HTML] pobierz, plaintext 

Gdy rozwijam katalog poziomu pierwszego jest ok, później gdy chcę wejść w katalog w poziomie drugim, też działa, ale przy okazji zwija się katalog rzędu pierwszego.

Wygląda to tak jakby zewnetrzny div niepotrzebnie wyłapywał event swojego dziecka. Jak to rozwiązać?

Ten post edytował nienarodzony 27.04.2011, 19:24:08