HOWTO Animate returned data from php script

HOWTO Animate returned data from php script

Good evening to All! Sorry for my bad english, i will try to explain my problem in a little example:

I have a php script that creates a simple calendar something like that.
This is how it looks in html:
  1. <div id="calendar">
    <h1><img id="larw" src="left_arrow.jpg" alt="" onClick="snd(02)">
    <img id="rarw" src="right_arrow.jpg" alt="" onClick="snd(03)"></h1>
    <div class="week">



  2. <p>Sun</p><p>Mon</p>
    <p>Tue</p><p>Wed</p>
    <p>Thu</p><p>Fri</p>
    <p>Sat</p>
    </div>



  3. <!-- This div will be modify by jquery -->
    <div class="days">
    <div class="tr">
  4. <div class="col">&nbsp;</div>
  5. <!-- Here i have days generated by php script -->
  6. <div class="col">1</div>
  7. <div class="col">2</div>
  8. <div class="col">3</div>
  9. <!-- and etc -->
  10. </div>
    </div>
    </div>
    </div>


Than i have simple jquery post script:
  1. function snd(val)
    {
        $.post("/calendar.php", {month: val},function(data) {
        $( "#calendar .days" ).html(data);
    })




arrows images calls this post function
month is a month number
All works good - jquery replaces <div class ="days"> with a new month values, BUT than i can't animate it like that
  1. var day = $('#calendar .col');
  2.     day.mouseenter(function()
        {
            $(this).hide();
        }



For example i took .hide() effect, So when mouse enter "col" div it must dissapear. It works only for first time page loaded when calendar generated first time by php script. And it won't to work when days generated by jquery returned data only standart css styles.

I want to ask is there a way to apply effects for returned jquery data?

I hope that i explained my topic well! Thank you!