<div xmlns='http://www.w3.org/1999/xhtml'>failed: SqlDateTime overflow. Must be between 1/1/1753 12:00:00 AM and 12/31/9999 11:59:59 PM.

        <span xmlns=''><p>jQuery provide an function "animate", it can be extended to add your custom animation.
        </p><p><span style='font-family:Times New Roman; font-size:18pt'><strong>animate(params, speed, easing, callback)
        </strong></span></p><ul><li><span style='font-family:Courier New; font-size:10pt'>params (Hash)</span><span style='font-family:Times New Roman; font-size:12pt'>: A set of style attributes that you wish to animate, and to what end.
        </span></li><li><span style='font-family:Courier New; font-size:10pt'>speed (String|Number)</span><span style='font-family:Times New Roman; font-size:12pt'>: (optional) A string representing one of the three predefined speeds ("slow", "normal", or "fast") or the number of milliseconds to run the animation (e.g. 1000).
        </span></li><li><span style='font-family:Courier New; font-size:10pt'>easing (String)</span><span style='font-family:Times New Roman; font-size:12pt'>: (optional) The name of the easing effect that you want to use, out of box there are two values "linear" and "swing"  (Plugin Required).
        </span></li><li><span style='font-family:Courier New; font-size:10pt'>callback (Function)</span><span style='font-family:Times New Roman; font-size:12pt'>: (optional) A function to be executed whenever the animation completes, executes once for each element animated against.
        </span></li></ul><p><span style='font-family:Times New Roman; font-size:12pt'>    easing: {
        </span></p><p><span style='font-family:Times New Roman; font-size:12pt'>        linear: function( p, n, firstNum, diff ) {
        </span></p><p><span style='font-family:Times New Roman; font-size:12pt'>            return firstNum + diff * p;
        </span></p><p><span style='font-family:Times New Roman; font-size:12pt'>        },
        </span></p><p><span style='font-family:Times New Roman; font-size:12pt'>        swing: function( p, n, firstNum, diff ) {
        </span></p><p><span style='font-family:Times New Roman; font-size:12pt'>            return ((-Math.cos(p*Math.PI)/2) + 0.5) * diff + firstNum;
        </span></p><p><span style='font-family:Times New Roman; font-size:12pt'>        }
        </span></p><p><span style='font-family:Times New Roman; font-size:12pt'>    },
        </span></p><p>All the build in animate is based on this function
        </p><p>
         </p><p><span style='font-family:Times New Roman; font-size:12pt'>The key aspect of this function is the object of style properties that will be animated, and to what end. Each key within the object represents a style property that will also be animated (for example: "height", "top", or "opacity").
        </span></p><p><span style='font-family:Times New Roman; font-size:12pt'>Note that properties should be specified using camel case eg. marginLeft instead of margin-left.
        </span></p><p><span style='font-family:Times New Roman; font-size:12pt'>The value associated with the key represents to what end the property will be animated. If a number is provided as the value, then the style property will be transitioned from its current state to that new number. Otherwise if the string "hide", "show", or "toggle" is provided, a default animation will be constructed for that property.
        </span></p><p>
         </p><p>.</p></span>

        <span xmlns=''><p><span style='font-family:Times New Roman; font-size:13pt'><strong>attr( key, fn )
        </strong></span></p><p><span style='font-family:Times New Roman; font-size:12pt'>Sets title attribute from src attribute.
        </span></p><p><span style='font-family:Courier New; font-size:10pt'> $("img").attr("title", function() { return this.src });
        </span></p><p>
         </p><p><span style='font-family:Times New Roman; font-size:13pt'><strong>toggleClass( class )
        </strong></span></p><p><code>$("p").toggleClass("selected")
        </pre></p><p>
         </p><p>Before
        </p><p><code><p>Hello</p><p class="selected">Hello Again</p>
        </pre></p><p>
         </p><p>After
        </p><p><code>[ <p class="selected">Hello</p>, <p>Hello Again</p> ]
        </pre></p><p>
         </p><p>
         </p><p><span style='font-family:Times New Roman; font-size:18pt'><strong>get()
        </strong></span></p><p>return an array that contains in jQuery object
        </p><p>
         </p><p><span style='font-family:Times New Roman; font-size:18pt'><strong>get( num )
        </strong></span></p><p>return an
        </p><p>
         </p><p><span style='font-family:Times New Roman; font-size:18pt'><strong>html(), text()  and val()
        </strong></span></p><p><span style='font-family:Times New Roman; font-size:18pt'><strong>html(val), text(val) and val(val)
        </strong></span></p><p><span style='font-family:Times New Roman; font-size:18pt'><strong>end()
        </strong></span></p><p><span style='font-family:Times New Roman; font-size:12pt'>Revert the most recent 'destructive' operation, changing the set of matched elements to its previous state (right before the destructive operation).
        </span></p><p><span style='font-family:Times New Roman; font-size:12pt'>If there was no destructive operation before, an empty set is returned.
        </span></p><p><span style='font-family:Times New Roman; font-size:12pt'>A 'destructive' operation is any operation that changes the set of matched jQuery elements. These functions are: </span><span style='font-family:Courier New; font-size:10pt'>add</span><span style='font-family:Times New Roman; font-size:12pt'>, </span><span style='font-family:Courier New; font-size:10pt'>children</span><span style='font-family:Times New Roman; font-size:12pt'>, </span><span style='font-family:Courier New; font-size:10pt'>clone</span><span style='font-family:Times New Roman; font-size:12pt'>, </span><span style='font-family:Courier New; font-size:10pt'>filter</span><span style='font-family:Times New Roman; font-size:12pt'>, </span><span style='font-family:Courier New; font-size:10pt'>find</span><span style='font-family:Times New Roman; font-size:12pt'>, </span><span style='font-family:Courier New; font-size:10pt'>not</span><span style='font-family:Times New Roman; font-size:12pt'>, </span><span style='font-family:Courier New; font-size:10pt'>next</span><span style='font-family:Times New Roman; font-size:12pt'>, </span><span style='font-family:Courier New; font-size:10pt'>parent</span><span style='font-family:Times New Roman; font-size:12pt'>, </span><span style='font-family:Courier New; font-size:10pt'>parents</span><span style='font-family:Times New Roman; font-size:12pt'>, </span><span style='font-family:Courier New; font-size:10pt'>prev</span><span style='font-family:Times New Roman; font-size:12pt'> and </span><span style='font-family:Courier New; font-size:10pt'>siblings</span><span style='font-family:Times New Roman; font-size:12pt'>.
        </span></p></span>