jQuery UI will queue the effects by default. Use dequeue() to run simultaneously: var opt = {duration: 7000}; $(‘#lbl’).effect(‘highlight’, opt).dequeue().effect(‘bounce’, opt); Demo in JsFiddle
Window animation is a built-in feature for Windows. Here’s a class that uses it: using System; using System.ComponentModel; using System.Windows.Forms; using System.Runtime.InteropServices; public static class Util { public enum Effect { Roll, Slide, Center, Blend } public static void Animate(Control ctl, Effect effect, int msec, int angle) { int flags = effmap[(int)effect]; if (ctl.Visible) { … Read more
This feature is included as part of jquery ui http://docs.jquery.com/UI/Effects/Slide if you want to extend it with your own names you can use this. jQuery.fn.extend({ slideRightShow: function() { return this.each(function() { $(this).show(‘slide’, {direction: ‘right’}, 1000); }); }, slideLeftHide: function() { return this.each(function() { $(this).hide(‘slide’, {direction: ‘left’}, 1000); }); }, slideRightHide: function() { return this.each(function() { … Read more
Having effects on append won’t work because the content the browser displays is updated as soon as the div is appended. So, to combine Mark B’s and Steerpike’s answers: Style the div you’re appending as hidden before you actually append it. You can do it with inline or external CSS script, or just create the … Read more