The standard solution to this is to return false from the click() handler. return false is the equivalent of calling preventDefault() and stopPropagation() on the event. preventDefault() is sufficient for this task too so either it or return false will work.

Your problem seems to be syntax errors and misnamed parameters. I see:

• fadeToggle has no parentheses;


• the function parameter is called id yet you call event.preventDefault(); and


• You're fading the post and then immediately showing it? That'll queue two animations but doesn't make a lot of sense. You probably want to chain together those two things and the load() in a rational manner.

So this should work:

$(#permalink a).click(function(event) {

  $(#newPost).fadeToggle();

  var id = this.getAttribute('href');

  $(#newPostContent).load(id);

  $(#newPost).show(fast);

  return false;

});

You can freely replace return false with event.preventDefault() in this instance but the propagating click() event might or might cause other issues depending on what other event handlers you have.