Hide on left
Hide on right
Hide up
Hide down
With distance
With distance
With distance
With distance

The bug: when showing a div using the 'slide' effect and a non-zero percentage, when direction is 'left' or 'up', the animation jumps. When the direction is 'right' or 'down', or when no distance is specified when calling the 'slide' effect, the animation is smooth, and there is no jump.

To see this, click on 'hide on left' once to hide the square. Then click again to show it. The animation will be smooth. Repeat this on the "With distance" below "hide on left" to see the jump. The only difference is that the lower link adds the 'slide' option of { distance: '25%' }

The details: for direction = 'right', for a distance of 'd', the div should begin its animation at (x = -d) and end at (x = 0). Instead, it begins at (x = 0), slides to (x = d), and then jumps back to (x = 0). The animation for direction = 'up' is similar.