Let's say I got a simple click event for a HTML div.
If I click on the div it should trigger a fadeToggle.

In that div I got another div with another trigger.
On that click event it should do something but instead of doing the event it triggers the first event.

How do I prevent event 1 from triggering if I want event2 to trigger?

Event1 should trigger only if I don't press the clickevent on the second event everything else should trigger as usual.

Thanks for your time

HTML

<div id=1>

     Event 1

     <div id=2>

         <div id=3>

            but here is something as well event2

          </div>

     </div>

</div>

JavaScript

$(#1).click(function() {

   $(this).slideToggle();

});





$(#3).click(function() {

   $(this).css(background-color, blue);

});

Fiddle: http://jsfiddle.net/VLcxJ/