fade маленького div внутри большого div
 

Есть 2 дива: 1 большой, 2 маленький, и тот что маленький лежит внутри большого, и при нажатии на большой делаю fadeToggle маленького дива, но когда жму и на маленький див то fadeTottgle срабатует. Как можно зделать, что бы fadeToggle (или еще что-то) срабатывал только при нажатии на большой див, но не на маленький, но маленький лежит внутри большого?

<div class="big" style="width:500px; height:500px; border:1px solid black;">
<div class="little" style="width:50px; height:50px; border:1px solid black"></div>
</div>

jquery:

$('.big').click(function () {
$('.little').fadeToggle();
});

Попробуй так
<div class="little" style="width:50px; height:50px; border:1px solid black"
onclick='event.stopPropagation()'></div>

Работает но есть недостаток, принажатии на маленький div запускается другая функция, а эта глушит. Блйооо помогите пожалуйста, я уже себе голову поламал. :-E

если без jquery то другую функцию запустить раньше-

onclick='myFunc();event.stopPropagation()'

c jquery это както можно сделать?

внутрь функции click на маленьком диве все это поставить-которую вы не написали

Маленький div это событие onclick

$('.little').onclick(function () {
  event.stopPropagation();
  //дальше код
});

Так сделать?

пример из руководства jquery

$("p").click(function(event){
event.stopPropagation();
// do something
});
-----------
event-не забудьте
не onclick а click

Не onclick, а click! Точно... Спасибо большое, работает...

event.stopPropagation не работает, через:
$('div').live('click', function () {
event.stopPropagation();
})

А без live() работает супер, но нужно через live так как подгружается контент... Как-то можно? ааа....