Question

I have a simple galery slider image. When the first image is visible the left arrow is hidden and when the last image is visible the right arrow is hidden.

To hide and show the arrows I used the hide and show methods. But other methods can work too, like: fadeIn() / fade Out and css(‘visibility’,’hidden’) / css(‘visibility’,’visible’)

I was wondering which is the most optmizad method. The fastest one

Thanks all

Answer 1

From http://api.jquery.com/hide/ .hide() when not using animation.

This is roughly equivalent to calling .css(‘display’, ‘none’), except that the value of the display property is saved in jQuery’s data cache so that display can later be restored to its initial value. If an element has a display value of inline, then is hidden and shown, it will once again be displayed inline.

fadeIn() and fadeOut() use animation and will be slower and require more processing (just like hide() with a time set against it. )