Witam. Mam taki problem.
Może najpierw pokaże kod:
  1. <div class="box">Katalog rzędu 1
  2. <div class="child">
  3. zawartosc pierwszego rzędu
  4.  
  5. <div class="box">
  6. katalog rzędu 2
  7.  
  8. <div class="child">
  9. zawartosc drugiego rzędu
  10. </div>
  11. </div>
  12.  
  13. </div>
  14.  
  15.  
  16. </div>
  17.  

i do tego jquery:
  1. $(document).ready(function(){
  2. $(".box .child").hide();
  3. $(".box").click(function(){
  4.  
  5. $(this).children(".child").fadeToggle();
  6. });
  7. });


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ć?