Title: Animations
Last modified: August 20, 2016

---

# Animations

 *  Resolved [carlosalas](https://wordpress.org/support/users/carlosalas/)
 * (@carlosalas)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/animations/)
 * I’ve been trying to create animations but…
 * **Part 1** _(line 94 //Start Fade Out)_
 *     ```
       $content.find('.title')
         .animate({right: '20%', opacity: 0},800);
       $content.find('.img')
         .animate({left: '-150%'},1000);
       ```
   
 * As you can see I’ve some animations now I need to get the new content back.
 * **Part 2** _(line 128 //Update the content)_
 *     ```
       $content.stop(true,true);
       $('.title').animate({right: '3%', opacity: 1},1200);
       $('.shootImg').animate({left: 0},1000, function(){
         $content.html(contentHtml).ajaxify();
       });
       ```
   
 * The animation does exactly what I want but it does not return the new content.
   I know, the code is not right, that’s why I ask for some help.
 * Could you tell me how can I get the new content before the animation shows the
   new content?
 * Hope this helps someone.
    Thank you!
 * [http://wordpress.org/extend/plugins/ajaxify-wordpress-site/](http://wordpress.org/extend/plugins/ajaxify-wordpress-site/)

Viewing 10 replies - 1 through 10 (of 10 total)

 *  Plugin Author [Manish Kumar Agarwal](https://wordpress.org/support/users/manishkrag/)
 * (@manishkrag)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/animations/#post-3146122)
 * Hi,
    – Check in firebug whether the contents are coming or not. If yes then add`.
   animate({opacity: 0, visibility: "visible"}).animate({opacity: 1},800);` this.–
   If not coming then write an alert in `$('.shootImg').animate({left: 0},1000, 
   function(){` and check whether the alert is coming or not.
 * Thanks
    M
 *  Thread Starter [carlosalas](https://wordpress.org/support/users/carlosalas/)
 * (@carlosalas)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/animations/#post-3146136)
 * Thank you for the answer but my animation works.
 * If you see the lines above the first animation takes the content and tries to
   bring the new content back before the animation ends but when the animation ends
   the old content stills there. I want to bring the new content before the 2nd 
   animation ends.
 *  Plugin Author [Manish Kumar Agarwal](https://wordpress.org/support/users/manishkrag/)
 * (@manishkrag)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/animations/#post-3146137)
 * yes correct that why I asked you to check with alert. Because new contents are
   not coming that is mean `$content.html(contentHtml).ajaxify();` not executing.
   please check
 *  Thread Starter [carlosalas](https://wordpress.org/support/users/carlosalas/)
 * (@carlosalas)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/animations/#post-3146144)
 * I’ve checked with an alert but everything is fine. Maybe I expressed incorrectly
 * The new content is there, but when the animation ends it still returning the 
   old content but then just ‘puff!’ the new content appears.
 * Don’t know if there could be a way to return the new content like this.. once
   the first animation takes the content to the left, the second animation bring
   the new content to the right. Making the changes happen offscreen. I hope I’ve
   explain it better.
 * Thank you.
 *  Plugin Author [Manish Kumar Agarwal](https://wordpress.org/support/users/manishkrag/)
 * (@manishkrag)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/animations/#post-3146152)
 * It will be grate if you create one dev site where I can see 🙂
 *  Thread Starter [carlosalas](https://wordpress.org/support/users/carlosalas/)
 * (@carlosalas)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/animations/#post-3146156)
 * Can you give me a mail where I can send to you the dev site?
 * Thank you.
 *  Plugin Author [Manish Kumar Agarwal](https://wordpress.org/support/users/manishkrag/)
 * (@manishkrag)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/animations/#post-3146157)
 * [manishkrag@yahoo.co.in](https://wordpress.org/support/topic/animations/manishkrag@yahoo.co.in?output_format=md)
   
   [youngtec@youngtechleads.com](https://wordpress.org/support/topic/animations/youngtec@youngtechleads.com?output_format=md)
 *  Thread Starter [carlosalas](https://wordpress.org/support/users/carlosalas/)
 * (@carlosalas)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/animations/#post-3146158)
 * I’ve sent to you a message.
    Thank you!
 *  Plugin Author [Manish Kumar Agarwal](https://wordpress.org/support/users/manishkrag/)
 * (@manishkrag)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/animations/#post-3146171)
 * Discussed over message.
 *  Plugin Author [Manish Kumar Agarwal](https://wordpress.org/support/users/manishkrag/)
 * (@manishkrag)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/animations/#post-3146172)
 * 🙂

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Animations’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/ajaxify-wordpress-site.svg)
 * [Ajaxify Wordpress Site(AWS)](https://wordpress.org/plugins/ajaxify-wordpress-site/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ajaxify-wordpress-site/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ajaxify-wordpress-site/)
 * [Active Topics](https://wordpress.org/support/plugin/ajaxify-wordpress-site/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ajaxify-wordpress-site/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ajaxify-wordpress-site/reviews/)

 * 10 replies
 * 2 participants
 * Last reply from: [Manish Kumar Agarwal](https://wordpress.org/support/users/manishkrag/)
 * Last activity: [13 years, 4 months ago](https://wordpress.org/support/topic/animations/#post-3146172)
 * Status: resolved