Opacity - Can do if animating, but how do we do it outside of an animation?

Opacity - Can do if animating, but how do we do it outside of an animation?

Hello all.
I have a window that I animate its opacity to 'turn on' on click. In order for it to NOT be 'on' when I start I have to animate it down to .0 on load. 

If I set the visibility to hidden, or display to none - it wont animate up.

How do I set the opacity without using something like this

  1.  $('#iframe_holder_border').animate({
  2.    opacity: .0,
  3.  }, 500, function() {
  4.     //do something after animation
  5.  });

If I understand correctly this is the only cross browser opacity that works?
I saw filter CSS type things but think it could be more straight fwd with an opacity setting similar to the one in my JQuery block above?

Thanks!
Rich


    • Topic Participants

    • rwood