Moving balloons with jQuery
<p>I really want to get into jQuery first of all.</p>

<p>I have a site im making, ove a balloon is clicked on it floats up and then goes to the targeted page. However they seem to bash into each other.</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function(){
    $("a.balloon-nav").click(function(event){
        var target = $(this).attr("href");
        var zIndex = $(this).css("z-index");
        $(this).attr("href", "#").css("z-index", "100");
        $(this).animate({ top: "-500px" }, 1000, function() {
              $(this).css("z-index", zIndex);
              window.location=target;
              alert("foo");
          });
    });
});
&lt;/script&gt;
</code></pre>

<p>I also would like to know the use of "event" and what "propagation" means.</p>
