I've never been a big fan of the JQuery show('slow') or hide('normal') -type functions. The problem is that they animate both the size (width/height) and opacity at the same time. And IMO the width/height animation looks goofy.

I've changed the teleport.js to use fadeIn() and fadeOut() in place of show/hide in the appear and vanish functions and I like it much better:

Drupal.Teleport.appear = function() {
  $('#teleport').fadeIn("fast", Drupal.Teleport.focus);
};

Drupal.Teleport.vanish = function() {
  $('#teleport').fadeOut("fast");
};

Sorry this isn't a proper patch, but it's really just a two word change.

Comments

incidentist’s picture

Status: Active » Fixed

Thanks to jjeff for the patch!

Anonymous’s picture

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.