I'm relatively new to jquery as well as in all other forms of web programing.

I am trying to build main navigation. Menu that dynamically loads external pages into single div, with some simple transition effects.

So far everything is working well, except that button with .current class remains inactive even when other items are clicked.

Id like to see that active button is clickable again, after other buttons being clicked.
So there is only one inactive item with .current class at the time.

i tried with .bind .unbind, .on .off, addAttr ... without result.

Jquery:

```
$(document).ready(function(){

    $('#pageWraper').css({'display':'none'}).slideDown('fast');

    $("a.menuLink").on("click", function(event) {
        var pageLink = $(this).attr('href');

        event.preventDefault();
         $(".currentPage").fadeOut('slow', function(){
             $("#pageWraper").load(pageLink);
         });

         $('#navigationWraper li a').removeClass('current');
         $(this).addClass('current').removeAttr('href').unbind('click');
    });
});

```

Working example:

<http://jsfiddle.net/gundra/GW8mb/1/>

Hope there is a simple solution for this,
Thanks