Simple jQuery question about .live()

Question

Not sure what I'm doing wrong with .live()

$(function(){
        var wrapper = $('#trailer_wrapper');
        var button = $('h2 a');

        button.click(function() {
            wrapper.fadeIn(2000);
            button.addClass('selected');
            button.text('close ×');
            return false;
        });

        $('h2 a.selected').live('click', function() {
            wrapper.fadeOut(2000);
            $(this).removeClass('selected');
            button.text('Watch Trailer »');
            return false;
        });
    });

Answer 1

Well your "click" handler (the "direct" one) is still going to run, and it'll run before the "live" handler.

Try just having the click handler:

button.click(function() {
  if ($(this).is('.selected')) {
    wrapper.fadeOut(2000);
    $(this).removeClass('selected');
    button.text('Watch Trailer »');
  }
  else {
    wrapper.fadeIn(2000);
    button.addClass('selected');
    button.text('close ×');
  }
  return false;
});