Hey Oliur, You could just do that after the document ready:
$(document).ready(function(){ $(".divname").animate({ opacity: 0.5, }, 300 ); }); That should do the trick, I think. Greetz, Rick On Jan 9, 2:53 pm, Oliur <o.r.chowdh...@gmail.com> wrote: > when the DOM is ready you can write > > $(document).ready(function(){ > $("#divname").hide(); > > }); > > Say now, you want to try and do some animation done by default, (in > the below example I have done some animation only when the user do > mouse over, how can i do that by default as in when the page loads) > > $(document).ready(function(){ > $(".divname").mouseover(function(){ > $(".divname").animate({ > opacity: 0.5, > }, 300 ); > > }); > });