ansaurus

Question

JQuery: Start object as hidden in a way that allows .fadeIn() to work

Answer 1

+2 A:

Hi is code with working version

HTML

<html>
    <body>
        <p>test</p>
    </body>
</html>

jquery

$(document).ready(function() {
 $('p').fadeTo('slow', 1, function() {
      // Animation complete.
    });
});

CSS

p{
    display:none;
    opacity:0.0;
    filter:alpha(opacity=0);
}

live demo

http://jsfiddle.net/2p2v4/

JapanPro 2010-09-18 01:04:59

thanks very much sir

Nate 2010-10-23 06:48:39

Answer 2

A:

you may use below written or just add your code at the bottom of page

.fadeInOnLoad
{
  display:none;
}

      <div class="fadeInOnLoad">iam visible after page is loaded</div>

      jQuery(function(){
           // your fade in code, call it after dom is ready
            jQuery('.fadeInOnLoad').fadeIn();
        });

i think your problem is

you are calling fade in before the dom elements are created in browser
or using jQuery , visual studio version, as i remember there was some bug in jQuery's opacity thing in visual studio version

Praveen Prasad 2010-09-18 05:56:43

ansaurus

tags:

views:

answers:

JQuery: Start object as hidden in a way that allows .fadeIn() to work

related questions