#

jQuery UI API - Download

- accordion( Options options ) returns jQuery
  Make the selected elements Accordion widgets.
  Semantic requirements:
  If the structure of your container is flat with unique tags for header and content elements, eg. a definition list (dl > dt + dd), you don't have to specify any options at all.
  If your structure uses the same elements for header and content or uses some kind of nested structure, you have to specify the header elements, eg. via class, see the second example.
  Use activate(Number) to change the active content programmatically.
  A change event is triggered everytime the accordion changes. Apart from the event object, all arguments are jQuery objects. Arguments: event, newHeader, oldHeader, newContent, oldContent

  ### Options

  - header (String, Element, jQuery), default: first child's tagname
    Selector for the header element.
  - active (String, Element, jQuery, Boolean, Number), default: first child
    Selector for the active element. Set to false to display none at start.
  - selectedClass (String), default: 'selected'
    Class for active header elements.
  - alwaysOpen (Boolean), default: true
    Whether there must be one content element open.
  - animated (Boolean, String), default: 'slide'
    Choose your favorite animation, or disable them (set to false). In addition to the default, "bounceslide" and "easeslide" are supported (both require the easing plugin).
  - event (String), default: "click"
    The event on which to trigger the accordion.
  - navigation (Boolean), default: false
    If set, looks for the anchor that matches location.href and activates it. Great for href-based state-saving.
  - autoheight (Boolean), default: false
    If set, the highest content part is used as height reference for all other parts. Provides more consistent animations.
  - clearStyle (Boolean), default: false
    If set, clears height and overflow styles after finishing animations. This enables accordions to work with dynamic content. Won't work together with autoheight.

  ### Example:

  A simple jQuery UI Accordion.

      $("#example").accordion();

  #### HTML:

      <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)">

      <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/dimensions/jquery.dimensions.js"></script>
      <script type="text/javascript" src="http://dev.jquery.com/view/trunk/ui/current/ui.accordion.js"></script>

      	<ul id="example" class="ui-accordion-container" style="width: 200px;">

      		<li>
      			<div class="ui-accordion-left"></div>
      			<a href='#' class="ui-accordion-link">
      				Test 1
      				<div class="ui-accordion-right"></div>

      			</a>
      			<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
      			</div>

      		</li>
      		<li>
      			<div class="ui-accordion-left"></div>

      			<a href='#' class="ui-accordion-link">Test 2<div class="ui-accordion-right"></div></a>
      			<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
      			</div>
      		</li>

      		<li>
      			<div class="ui-accordion-left"></div>

      			<a href='#' class="ui-accordion-link">Test 3<div class="ui-accordion-right"></div></a>

      			<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
      			</div>
      		</li>
      	</ul>

- activate( String, Element, jQuery, Boolean, Number index ) returns jQuery
  Activate a content part of the Accordion programmatically.
  The index can be a zero-indexed number to match the position of the header to close or a string expression matching an element. Pass -1 to close all (only possible with alwaysOpen:false).

  ### Example:

  Activate the second content of the Accordion contained in <div id="accordion">.

      $(".selector").activate(1)

  ### Example:

  Close all content parts of the accordion.

      $(".selector").activate(false)

  ### Example:

  Activate the first element matching the given expression.

      $(".selector").activate("a:first")

- datepicker( Options options ) returns jQuery
  The method that you use to create a new date picker. Customize with plenty of options.
  Attach the date picker to an input or for an inline view attach the date picker to a div or span.

  ### Options

  - clearText (String), default: 'Clear'
    The text to display for the clear link. This attribute is one of the regionalisation attributes.
  - closeText (String), default: 'Close'
    The text to display for the close link. This attribute is one of the regionalisation attributes.
  - closeAtTop (Boolean), default: true
    Position the Clear/Close links at the top (true) or bottom (false).
  - prevText (String), default: '<Prev'
    The text to display for the previous month link. This attribute is one of the regionalisation attributes.
  - nextText (String), default: 'Next>'
    The text to display for the next month link. This attribute is one of the regionalisation attributes.
  - hideIfNoPrevNext (Boolean), default: false
    Normally the previous and next links are disabled when not applicable (see ''minDate''/''maxDate''). You can hide them altogether by setting this attribute to true.
  - currentText (String), default: 'Today'
    The text to display for the current day link. This attribute is one of the regionalisation attributes.
  - monthNames (String[]), default: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
    The list of full month names, as used in the month header on each datepicker and as requested via the ''dateFormat'' setting. This attribute is one of the regionalisation attributes.
  - monthNamesShort (String[]), default: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    The list of abbreviated month names, for use as requested via the ''dateFormat'' setting. This attribute is one of the regionalisation attributes.<br/>'''Since v3.1.'''
  - changeMonth (Boolean), default: true
    Allows you to change the month by selecting from a drop-down list. You can disable this feature by setting the attribute to false.
  - yearRange (String), default: '-10:+10'
    Control the range of years displayed in the year drop-down: either relative to current year (-nn:+nn) or absolute (nnnn:nnnn).
  - changeYear (Boolean), default: true
    Allows you to change the year by selecting from a drop-down list. You can disable this feature by setting the attribute to false.
  - weekHeader (String), default: 'Wk'
    The column header for the week of the year (see ''showWeeks''). This attribute is one of the regionalisation attributes.<br/>'''Since v3.1.'''
  - dayNames (String[]), default: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
    The list of long day names, starting from Sunday, for use as requested via the ''dateFormat'' setting. They also appear as popup hints when hovering over the corresponding column headings. This attribute is one of the regionalisation attributes.<br/>'''In v3.0''', this setting held the column headings.
  - dayNamesShort (String[]), default: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
    The list of abbreviated day names, starting from Sunday, for use as requested via the ''dateFormat'' setting. This attribute is one of the regionalisation attributes.<br/>'''Since v3.1.'''
  - dayNamesMin (String[]), default: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']
    The list of minimised day names, starting from Sunday, for use as column headers within the datepicker. This attribute is one of the regionalisation attributes.<br/>'''Since v3.1.'''
  - firstDay (Number), default: 0
    Set the first day of the week: Sunday is 0, Monday is 1, ... This attribute is one of the regionalisation attributes.
  - changeFirstDay (Boolean), default: true
    Allows you to click on the day names to have the week start on that day. You can disable this feature by setting the attribute to false.
  - showOtherMonths (Boolean), default: false
    Display dates in other months (non-selectable) at the start or end of the current month.
  - showWeeks (Boolean), default: false
    Display the week of the year alongside each month. The column header is specified by the ''weekHeader'' setting. The week number is calculated based on the first date shown in each row in the datepicker, and so may not apply to all days in that row. The ''calculateWeek'' setting allows you to change the week of the year calculation from the default ISO 8601 implementation.<br/>'''Since v3.1.'''
  - calculateWeek (Function), default: $.datepicker.iso8601Week
    Perform the week of the year calculation. This function accepts a Date as a parameter and returns the number of the corresponding week of the year. The default implementation uses the ISO 8601 definition of a week: weeks start on a Monday and the first week of the year contains January 4. This means that up to three days from the previous year may be included in the first week of the current year, and that up to three days from the current year may be included in the last week of the previous year.<br/>'''Since v3.1.'''
  - numberOfMonths (Number, Number[2]), default: 1
    Set how many months to show at once. The value can be a straight integer, or can be a two-element array to define the number of rows and columns to display.
  - stepMonths (Number), default: 1
    Set how many months to move when clicking the Previous/Next links.
  - rangeSelect (Boolean), default: false
    Set to true to allow the selection of a date range on the one date picker, or false to just select a single date. For a date range, the first click sets the start date and a second click sets the end date.
  - rangeSeparator (String), default: ' - '
    Set the text to use to separate the two dates in a date range via the ''onSelect'' function.
  - defaultDate (Date(yyyy, mm - 1, dd), Number), default: null
    Set the date to display on first opening if the field is blank. Specify either an actual date via a Date object, or relative to today with a number, or null for today.
  - minDate (Date(yyyy, mm - 1, dd)), default: null
    Set a minimum selectable date, or null for no limit.
  - maxDate (Date(yyyy, mm - 1, dd)), default: null
    Set a maximum selectable date, or null for no limit.
  - dateFormat (String), default: 'mm/dd/yy'
    The format for parsed and displayed dates. This attribute is one of the regionalisation attributes.<br/>'''In v3.0''', the first three characters are 'D' (day), 'M' (month), and 'Y' (year) in the required order, and the fourth is the separator, e.g. ISO would be 'YMD-', default was 'MDY/'.<br/>'''From v3.1''', the format is combinations of the following: * d - day of month (no leading zero) * dd - day of month (two digits) * m - month (no leading zero) * mm - month (two digits) * y - year (two digits) * yy - year (four digits) * D - name of day (short) * DD - name of day (long) * M - name of month (short) * MM - name of month (long) * '...' - literal text * '' - single quote * anything else - literal text
  - useShortYear (Boolean), default: false
    Set to true to display the year as two digits only, or false to show all four digits.<br/>'''Removed in v3.1.''' Use expanded ''dateFormat'' instead.
  - shortYearCutoff (String, Number), default: '+10'
    Set the cutoff year for determining the century for a date (used in conjunction with ''dateFormat'' 'y'). If a numeric value (0-99) is provided then this value is used directly. If a string value is provided then it is converted to a number and added to the current year. Once the cutoff year is calculated, any dates entered with a year value less than or equal to it are considered to be in the current century, while those greater than it are deemed to be in the previous century.
  - appendText (String), default: ''
    The text to display after each date field, e.g. to show the required format.
  - speed (String, Number), default: 'medium'
    Control the speed at which the datepicker appears, it may be a time in milliseconds, a descriptive name ('slow', 'medium', 'fast'), or '' for immediately.
  - showOn (String), default: 'focus'
    Have the datepicker appear automatically when the field receives focus ('focus'), appear only when a button is clicked ('button'), or appear when either event takes place ('both').
  - buttonText (String), default: '...'
    The text to display on the trigger button. Use in conjunction with ''showOn'' equal to 'button' or 'both'.
  - buttonImage (String), default: ''
    The URL for the popup button image. If set, button text becomes the ''alt'' value and is not directly displayed.
  - buttonImageOnly (Boolean), default: false
    Set to true to place an image after the field to use as the trigger without it appearing on a button.
  - beforeShow (Function), default: null
    Can be a function that takes an input field and current datepicker instance and returns a settings (anonymous) object to update the date picker with. It is called just before the datepicker is displayed.
  - beforeShowDay (Function), default: null
    The function takes a date as a parameter and must return an array with [0] equal to true/false indicating whether or not this date is selectable and [1] equal to a CSS class name(s) or '' for the default presentation. It is called for each day in the datepicker before is it displayed.
  - onSelect (Function), default: null
    Allows you to define your own event when the datepicker is selected. The function receives the selected date as text and the datepicker instance as parameters.

  ### Example:

  A simple jQuery UI Datepicker.

      $('#example').datepicker();
      $('#exampleRange').datepicker({rangeSelect: true, firstDay: 1 });

  #### HTML:

      <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/themes/flora/flora.datepicker.css" type="text/css" media="screen" title="Flora (Default)">

      <script  src="http://dev.jquery.com/view/trunk/ui/current/datepicker/core/ui.datepicker.js"></script>
      <input type="text" id="example" value="Click inside me to see a datepicker" style="width:300px;"/>

      <input type="text" id="exampleRange" value="A range datepicker starting on Monday" style="width:300px;"/>

  ### Example:

  Add a datepicker that appears on focus or a click on an icon.

      $('.invokeBoth').datepicker({ showOn: 'both', buttonImageOnly: true, buttonImage: 'datepicker.gif', buttonText: 'datepicker' });

  ### Example:

  Add a datepicker that doesn't allow selection of days on weekends.

      $('#noWeekends').datepicker({ beforeShowDay: $.datepicker.noWeekends });

  ### Example:

  Add a datepicker that defaults to 7 days in the future.

      $('#openDatePlus7').datepicker({ defaultDate: +7 });

  ### Example:

  Add a datepicker in French. Requires loading of the French localization package.

      $('#frenchdatepicker').datepicker( $.datepicker.regional['fr'] );

- dialog( Options options ) returns jQuery
  Make the selected elements Dialog boxes.

  ### Options

  - buttons (Object), default:
    Specifies which buttons should be displayed on the dialog. The property key is the text of the button. The value is the callback function for when the button is clicked.
  - height (Number), default:
    The height of the dialog, in pixels. Default value: 200.
  - position (String), default:
    Specifies where the dialog should be displayed. Possible values: 'center'. Default value: 'center'.
  - title (String), default:
    Specifies the title of the dialog. The title can also be specified by the title attribute on the dialog source element.
  - width (Number), default:
    The width of the dialog, in pixels. Default value: 300.

  ### Example:

  A simple jQuery UI Modal Dialog.

      $("#example").dialog();

  #### HTML:

      <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)">

      <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/dimensions/jquery.dimensions.js"></script>
      <script type="text/javascript" src="http://dev.jquery.com/view/trunk/ui/current/ui.dialog.js"></script>
      <script type="text/javascript" src="http://dev.jquery.com/view/trunk/ui/current/ui.resizable.js"></script>

      <script type="text/javascript" src="http://dev.jquery.com/view/trunk/ui/current/ui.mouse.js"></script>
      <script type="text/javascript" src="http://dev.jquery.com/view/trunk/ui/current/ui.draggable.js"></script>
      <div id="example" class="flora" title="This is my title">I'm in a dialog!</div>

- dialogClose( ) returns jQuery
  Closes the specified dialog boxes.
- dialogDatepicker( String dateText, Function onSelect, Options settings, Number[2] or MouseEvent pos ) returns Datepicker
  Open a datepicker in a "dialog" box.

  ### Example:

  Open a datepicker in a "dialog" box.

      $.datepicker.dialogDatepicker($('#invokeDialog').val(), setDateFromDialog, {prompt: 'Choose a date', speed: ''});

- dialogOpen( ) returns jQuery
  Opens the specified dialog boxes.
- disableFor( Element,Selector,jQuery collection target ) returns Datepicker
  Disable an input field and its attached date picker.

  ### Example:

  Disable the date picker for an input field.

      $.datepicker.disableFor('#invokeFocus');

- draggable( Options options ) returns Dragset
  Creates new draggables on the nodeset supplied by the query.
  This jQuery plugin makes DOM nodes draggable by mouse. You can additionally supply a great range of options to make them fit your needs.

  ### Options

  - appendTo (Selector), default:
    The string should be a jQuery selector. The matched element will be used as the helper's container. If not specified, the helper is appended to the same container as the draggable.
  - axis (String), default:
    Constrains dragging to either the horizontal (x) or vertical (y) axis. Cannot be used with cursorAt. Possible values: 'x', 'y'.
  - containment (Element, Selector), default:
    Constrains dragging to within the bounds of the specified element - can be a DOM element, 'parent', 'document' or a jQuery selector.
  - cursor (String), default:
    The css cursor for the helper during the drag operation.
  - cursorAt ({top, left, bottom, right}), default:
    Moves the dragging element/helper so the cursor always appears to drag from the same position.
  - dragPrevention (Array<String>), default:
    Prevents dragging if you start on elements of the specified type(s). Default: ['input', 'textarea', 'button', 'select', 'option'].
  - effect ([String, String]), default:
    The effects for the drag start and stop. Possible values [Start, Stop]: 'fade' (Start - fade in, Stop - fade out)
  - grid ([Integer x, Integer y]), default:
    Snaps the dragging element/helper to a grid, every x and y pixels. Cannot be used with cursorAt.
  - handle (Element, Selector), default:
    Restricts drag start click to the specified element. Default value: draggable element.
  - helper (Element function()), default:
    Allows for a helper element to be used for dragging display. The supplied function should return a valid DOM node to be used as a custom proxy helper.
  - helper (String), default:
    Allows for a helper element to be used for dragging display. The 'clone' option will produce the 'ghosting' effect. Possible values: 'original', 'clone', Function. Default value: 'original'.
  - opacity (Float), default:
    Opacity for element/helper while being dragged.
  - preventionDistance (Integer), default:
    Tolerance for when dragging should start. If specified, dragging will not start until after mouse is dragged beyond distance.
  - preventionTimeout (Integer), default:
    Time in milliseconds to define when the dragging should start. It helps preventing unwanted drags when clicking on an element. Default value: false
  - revert (Boolean), default:
    If true, the element will return to its start position when dragging stops.
  - scroll (Boolean), default:
    If true, container auto-scrolls while dragging. Default value: true.
  - scrollSensitivity (Integer), default:
    Default value: 20.
  - scrollSpeed (Integer), default:
    Default value: 20.
  - zIndex (Integer), default:
    z-index for element/helper while being dragged.
  - start (function(e, ui)), default:
    Function to call when dragging starts.
  - drag (function(e, ui)), default:
    Function to call when the mouse is moved during the dragging. ui.position.left and ui.position.top give the position.
  - stop (function(e, ui)), default:
    Function to call when dragging stops. ui.position.left and ui.position.top give the position.

  ### Example:

  Makes the div draggable.

      $(".block").draggable();

  #### HTML:

      <script src="http://dev.jquery.com/view/trunk/ui/current/ui.mouse.js"></script>

        <script src="http://dev.jquery.com/view/trunk/ui/current/ui.draggable.js"></script>
        <script src="http://dev.jquery.com/view/trunk/ui/current/ui.draggable.ext.js"></script>
      <div class="block"></div>

- draggableDestroy( ) returns jQuery
  Destroys all draggable functionality in the current jQuery.
  Destroys all draggable functionality in the current jQuery.
- draggableDisable( ) returns jQuery
  Disables draggables.
  Temporarily disables draggables on the current jQuery. Can be re-enabled again later on.
- draggableEnable( ) returns jQuery
  Enables draggables.
  Re-enables draggable functionality on the jQuery supplied that has been disabled before.
- draggableInstance( ) returns Instance
  Returns the OO instance of the current draggable.
  For the advanced, this function is very useful to modify internals of the draggables after initializing it. It returns a javascript function instance.
- droppable( Options options ) returns Dropset
  Creates new droppables on the nodeset supplied by the query.
  This jQuery plugin makes DOM nodes droppable (meaning they accept being dropped on by draggables). You can specify which (individually) or which kind of draggables each will accept.

  ### Options

  - accept (Boolean function(draggable)), default:
    This function is called for each draggable on the page, to provide a custom filter. Return true if draggable should be accepted.
  - accept (String), default:
    The string should be a jQuery selector. All draggables that match the selector will be accepted.
  - activeClass (String), default:
    The class that should be added to the droppable while an acceptable draggable is being dragged.
  - greedy (Boolean), default:
    If true, will prevent event propagation on nested droppables. Default value: false.
  - hoverClass (String), default:
    The class that should be added to the droppable while being hovered by an acceptable draggable.
  - tolerance (String), default:
    Specifies which mode to use for testing whether a draggable is 'over' a droppable. Possible values: 'fit', 'intersect', 'pointer', 'touch'. Default value: 'intersect'.
  - activate (function(e, ui)), default:
    This function is called any time an accepted draggable starts dragging.
  - deactivate (function(e, ui)), default:
    This function is called any time an accepted draggable stops dragging.
  - over (function(e, ui)), default:
    This function is called as an accepted draggable is dragged 'over' (within the tolerance of) this droppable.
  - out (function(e, ui)), default:
    This function is called when an accepted draggable is dragged out (within the tolerance of) this droppable.
  - drop (function(e, ui)), default:
    This function is called when an accepted draggable is dropped 'over' (within the tolerance of) this droppable.

  ### Example:

  Makes the div drag and droppable.

      $(".block").draggable({helper: 'clone'});
      $(".drop").droppable({
      	accept: ".block",
      	activeClass: 'droppable-active',
      	hoverClass: 'droppable-hover',
      	drop: function(ev, ui) {
      		$(this).append("<br>Dropped!");
      	}
      });

  #### HTML:

      <script src="http://dev.jquery.com/view/trunk/plugins/ui/ui.mouse.js"></script>

      <script src="http://dev.jquery.com/view/trunk/plugins/ui/ui.draggable.js"></script>
      <script src="http://dev.jquery.com/view/trunk/plugins/ui/ui.draggable.ext.js"></script>
      <script src="http://dev.jquery.com/view/trunk/plugins/ui/ui.droppable.js"></script>
      <script src="http://dev.jquery.com/view/trunk/plugins/ui/ui.droppable.ext.js"></script>
      <div class="block">drag me!</div>

      <div class="drop">drop on me!</div>

- droppableDestroy( ) returns jQuery
  Destroys all droppable functionality in the current jQuery.
  Destroys all droppable functionality in the current jQuery.
- droppableDisable( ) returns jQuery
  Disables droppables.
  Temporarily disables droppables on the current jQuery. Can be re-enabled again later on.
- droppableEnable( ) returns jQuery
  Enables droppables.
  Re-enables droppable functionality on the jQuery supplied that has been disabled before.
- droppableInstance( ) returns Instance
  Returns the OO instance of the current droppable.
  For the advanced, this function is very useful to modify internals of the droppables after initializing it. It returns a javascript function instance.
- enableFor( Element,Selector,jQuery collection target ) returns Datepicker
  Enable an input field and its attached date picker.

  ### Example:

  Enable the date picker for an input field.

      $.datepicker.enableFor('#invokeFocus');

- formatDate( String format, Date date, String[7] dayNamesShort, String[7] dayNames, String[12] monthNamesShort, String[12] monthNames ) returns String
  Format a date into a string value with a specified format.
  The format can be combinations of the following: * d - day of month (no leading zero) * dd - day of month (two digit) * D - day name short * DD - day name long * m - month of year (no leading zero) * mm - month of year (two digit) * M - month name short * MM - month name long * y - year (two digit) * yy - year (four digit) * '...' - literal text * '' - single quote * anything else - literal text '''Since v3.1.'''

  ### Example:

  Display the date in ISO format. Produces '2007-01-26'.

      $.datepicker.formatDate('yy-mm-dd', new Date(2007, 1 - 1, 26));

  ### Example:

  Display the date in expanded French format. Produces 'Samedi, Juillet 14, 2007'.

      $.datepicker.formatDate('DD, MM d, yy', new Date(2007, 7 - 1, 14), $.datepicker.regional['fr'].dayNamesShort, $.datepicker.regional['fr'].dayNames, $.datepicker.regional['fr'].monthNamesShort, $.datepicker.regional['fr'].monthNames);

- getDateFor( Element,Selector,jQuery collection control ) returns Date or Date[2]
  Retrieve the current date from the date picker attached to an input field.
  If the date picker has rangeSelect set to true, then a two-element array of dates is returned denoting the start and end of the range.

  ### Example:

  Retrieve the date for an input field.

      var date = $.datepicker.getDateFor('#invokeFocus');

- hideDatepicker( String speed ) returns Datepicker
  Close a previously opened date picker.

  ### Example:

  Close the opened date picker.

      $.datepicker.hideDatepicker();

- isDisabled( Element,Selector,jQuery collection input ) returns Boolean
  Determine whether or not an input field has been disabled for the date picker.

  ### Example:

  Retrieve the date for an input field.

      if ($.datepicker.isDisabled('#invokeFocus')) ...

- iso8601Week( Date date ) returns Number
  Determine the week of the year for a given date: 1 to 53.
  This function uses the ISO 8601 definition of a week: weeks start on a Monday and the first week of the year contains January 4. This means that up to three days from the previous year may be included in the first week of the current year, and that up to three days from the current year may be included in the last week of the previous year.<br/>'''Since v3.1.'''

  ### Example:

  Find the week of the year for a date.

      $.datepicker.iso8601Week(new Date(2007, 1 - 1, 26));

- magnifier( Options options ) returns jQuery
  Make the contents of the selected elements magnify upon mouse proximity.

  ### Options

  - baseline (Number), default: 0
    The direction in which the element will rise. Set to -1 to make the element rise up.
  - distance (Number), default: 150
    How far away the mouse needs to be, in pixels, before it begins having an effect on the element.
  - magnification (Number), default: 2
    The factor by which the element will be magnified when the mouse is completely over it.
  - opacity (Object{min:Number, max:Number}), default: {min: 1, max: 1}
    The minimum and maximum opacity that an element transitions inbetween (the maximum opacity will be set when the mouse is completely over the element).
  - overlap (Boolean), default: false
    Allow the magnified elements to overlap each other, as opposed to pushing each other out of the way.
  - zIndex (Number), default:
    The index that the active element takes.
  - click (function(e, ui)), default:
    This function is called when the user clicks on one of the magnified items.<br /> The argument <b>e</b> is the (click) event.<br /> The argument <b>ui</b> is an object with three properties:<br /> <ul> <li><b>options</b> (ui.options)<br /> A copy of the options set for this magnifier</li> <li><b>current</b> (ui.current)<br /> The DOM element clicked<br /> <li><b>currentOffset</b> (ui.currentOffset)</li> The offset object of the clicked DOM element. (This saves the overhead of reprocessing the element's .offset() .) Offset object has two properties, top and left, which give the offset relative to the body.</li> </ul>

  ### Example:

  Makes the images in the block magnify on mouse move.

      $("#example").magnifier();

  #### HTML:

      <script src="http://dev.jquery.com/view/trunk/plugins/dimensions/jquery.dimensions.js"></script>

      <script src="http://dev.jquery.com/view/trunk/plugins/ui/ui.mouse.js"></script>
        <script src="http://dev.jquery.com/view/trunk/plugins/ui/ui.magnifier.js"></script>
      <div id='example' class="ui-wrapper example" style="padding: 20px;">
      	<img src="http://dev.jquery.com/view/trunk/plugins/ui/demos/images/clock.png" width="48" align="left" />

      	<img src="http://dev.jquery.com/view/trunk/plugins/ui/demos/images/clock.png" width="48" align="left" />
      	<img src="http://dev.jquery.com/view/trunk/plugins/ui/demos/images/clock.png" width="48" align="left" />

      	<img src="http://dev.jquery.com/view/trunk/plugins/ui/demos/images/clock.png" width="48" align="left" />
      	<img src="http://dev.jquery.com/view/trunk/plugins/ui/demos/images/clock.png" width="48" align="left" />

      	<img src="http://dev.jquery.com/view/trunk/plugins/ui/demos/images/clock.png" width="48" align="left" />
      </div>

- magnifierDestroy( ) returns jQuery
  Destroys all magnifier functionality in the current jQuery.
  Destroys all magnifier functionality in the current jQuery.
- magnifierDisable( ) returns jQuery
  Disables magnification.
  Temporarily disables magnification on the current jQuery. Can be re-enabled again later on.
- magnifierEnable( ) returns jQuery
  Enables magnifying.
  Re-enables magnifying on the jQuery supplied that has been disabled before.
- magnifierInstance( ) returns Instance
  Returns the OO instance of the current magnifier.
  For the advanced, this function is very useful to modify internals of the magnifier after initializing it. It returns a javascript function instance.
- magnifierReset( ) returns jQuery
  Resets the magnifying on a magnified set of elements.
  This option resets the magnification to zero on the current set. It's very useful if you want to have another effect on click, for example.
- parseDate( String format, String value, Number shortYearCutoff, String[7] dayNamesShort, String[7] dayNames, String[12] monthNamesShort, String[12] monthNames ) returns Date
  Extract a date from a string value with a specified format.
  The format can be combinations of the following: * d - day of month (no leading zero) * dd - day of month (two digit) * D - day name short * DD - day name long * m - month of year (no leading zero) * mm - month of year (two digit) * M - month name short * MM - month name long * y - year (two digit) * yy - year (four digit) * '...' - literal text * '' - single quote * anything else - literal text A number of exceptions may be thrown: * 'Invalid arguments' if either ''format'' or ''value'' is null * 'Missing number at position nn' if ''format'' indicated a numeric value that is not then found * 'Unknown name at position nn' if ''format'' indicated day or month name that is not then found * 'Unexpected literal at position nn' if ''format'' indicated a literal value that is not then found * 'Invalid date' if the date is invalid, such as '31/02/2007' '''Since v3.1.'''

  ### Example:

  Extract a date in ISO format.

      $.datepicker.parseDate('yy-mm-dd', '2007-01-26');

  ### Example:

  Extract a date in expanded French format.

      $.datepicker.parseDate('DD, MM d, yy', 'Samedi, Juillet 14, 2007', 20, $.datepicker.regional['fr'].dayNamesShort, $.datepicker.regional['fr'].dayNames, $.datepicker.regional['fr'].monthNamesShort, $.datepicker.regional['fr'].monthNames);

- reconfigureFor( Element,Selector,jQuery collection control, Options settings ) returns Datepicker
  Change the settings for a previously attached date picker.

  ### Example:

  Reconfigure the date picker for an input field - changing its opening speed.

      $.datepicker.reconfigureFor('#reconfigureCal', {speed: select.options[select.selectedIndex].value});

- resizable( Options options ) returns
  Creates new resizables on the nodeset supplied by the query.
  This jQuery plugin makes DOM nodes resizable (meaning they have draggable resize handles). You can specify one or more handles as well as min and max width and height.

  ### Options

  - handles ({n, e, s, w, ne, se, sw, nw}), default:
    Each handle string (if specified) should be a jquery selector matching the child element of the resizable to use as the handle. If the handle is not a child of the resizable, you can pass in the DOM node or a valid jQuery object directly.
  - containment (Element, Selector), default:
    Constrains resizing to within the bounds of the specified element - can be a DOM element, 'parent', 'document' or a jQuery selector.
  - maxHeight (Int), default:
    This is the maximum height the resizable should be allowed to resize to.
  - maxWidth (Int), default:
    This is the maximum width the resizable should be allowed to resize to.
  - minHeight (Int), default:
    This is the minimum height the resizable should be allowed to resize to.
  - minWidth (Int), default:
    This is the minimum width the resizable should be allowed to resize to.
  - proxy (String), default:
    This is the css class that will be added to a proxy element to outline the resize during the drag of the resize handle. Once the resize is complete, the element is sized.
  - destructive (Boolean), default:
    Largely internal option. For elements that cannot have childnodes, it creates a wrapper div and all handles by itself, allowing to still control them via css. Try doing $('textarea').resizable() for an example.
  - proportionallyResize (Array), default:
    Advanced option that allows other elements to get proportionally resized together with the original one. Just specify jquery string in this array or directly insert DOM nodes.
  - start (function(e, ui)), default:
    This function is called at the start of a resize operation.
  - resize (function(e, ui)), default:
    This function is called during the resize, on the drag of the resize handler.
  - stop (function(e, ui)), default:
    This function is called at the end of a resize operation.

  ### Example:

  A simple jQuery UI Resizable.

      $("#example").resizable();

  #### HTML:

      <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)">

      <script  src="http://dev.jquery.com/view/trunk/plugins/dimensions/jquery.dimensions.js"></script>
      <script src="http://dev.jquery.com/view/trunk/ui/current/ui.mouse.js"></script>
      <script src="http://dev.jquery.com/view/trunk/ui/current/ui.resizable.js"></script>
      <div id='example' class="ui-wrapper example">
      <div style='position: absolute; top: 20px; left: 20px; bottom: 20px; right: 20px;'>Resize me</div>

      </div>

- resizableDestroy( ) returns jQuery
  Destroys all resizing functionality in the current jQuery.
  Destroys all resizing functionality in the current jQuery.
- resizableDisable( ) returns jQuery
  Disables resizing.
  Temporarily disables resizing on the current jQuery. Can be re-enabled again later on.
- resizableEnable( ) returns jQuery
  Enables resizing.
  Re-enables resizing functionality on the jQuery supplied that has been disabled before.
- resizableInstance( ) returns Instance
  Returns the OO instance of the current resizable.
  For the advanced, this function is very useful to modify internals of the resizable after initializing it. It returns a javascript function instance.
- selectable( Options options ) returns
  Creates new selectable on the nodeset supplied by the query.

  ### Options

  - filter (Selector), default:
    The matching child elements will be made selectees (able to be selected). Default value: '*'
  - selected (Function), default:
    This callback is fired at the end of the select operation, on each element added to the selection.
  - selecting (Function), default:
    This callback is fired during the select operation, on each element added to the selection.
  - unselected (Function), default:
    This callback is fired at the end of the select operation, on each element removed from the selection.
  - unselecting (Function), default:
    This callback is fired during the select operation, on each element removed from the selection.

  ### Example:

  Basic Example of a selectable. (Draw a box with your mouse to select items.)

      $("#myList").selectable();

  #### HTML:

      <script  src="http://dev.jquery.com/view/trunk/plugins/dimensions/jquery.dimensions.js"></script>

      <script src="http://dev.jquery.com/view/trunk/plugins/ui/ui.mouse.js"></script>
      <script src="http://dev.jquery.com/view/trunk/plugins/ui/ui.draggable.js"></script>
      <script src="http://dev.jquery.com/view/trunk/plugins/ui/ui.droppable.js"></script>
      <script src="http://dev.jquery.com/view/trunk/plugins/ui/ui.selectable.js"></script>
      <ul id="myList">

      	    <li>Item 1</li>
      	    <li>Item 2</li>
      	    <li>Item 3</li>
      	    <li>Item 4</li>

      </ul>

- setDateFor( Element,Selector,jQuery collection control, Date date, Date endDate ) returns Datepicker
  Set the current date for the date picker attached to an input field.

  ### Example:

  Set the date for an input field.

      $.datepicker.setDateFor('#invokeFocus', new Date(2007, 1 - 1, 26));

  ### Example:

  Set the date for a date range input field.

      $.datepicker.setDateFor('#dateRange', new Date(2007, 1 - 1, 26), new Date(2007, 1 - 1, 30));

- setDefaults( Options settings ) returns Datepicker
  Change the default settings for all date pickers

  ### Example:

  Set all date pickers to open on focus or a click on an icon.

      $.datepicker.setDefaults({showOn: 'both', buttonImageOnly: true, buttonImage: 'calendar.gif', buttonText: 'Calendar'});

  ### Example:

  Set all date pickers to have French text.

      $.datepicker.setDefaults($.datepicker.regional['fr']);

- shadow( Options options ) returns jQuery
  Add a drop shadow to the matched elements.

  ### Options

  - color (String), default:
    The color of the drop shadow.
  - offset (Number), default: 0
    How far away the drop shadow is positioned from the element, in pixels.
  - opacity (Number), default: 0.2
    How transparent to make the drop shadow.

  ### Example:

  Adds a drop shadow to the example element.

      $("#example").shadow();

  #### HTML:

      <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)">

      <script src="http://dev.jquery.com/view/trunk/plugins/dimensions/jquery.dimensions.js"></script>
      <script src="http://dev.jquery.com/view/trunk/plugins/ui/ui.shadow.js"></script>
      <img id="example" style="height: 100px;" src="http://dev.jquery.com/view/trunk/plugins/ui/demos/images/resizable.jpg" />

- shadowDestroy( ) returns jQuery
  Destroys all shadows attached to the current jQuery elements.
  Destroys all shadows on the current elements. Cannot be reverted.
- shadowDisable( ) returns jQuery
  Disables shadows.
  Temporarily disables shadows on the current jQuery. Can be re-enabled again later on.
- shadowEnable( ) returns jQuery
  Enables shadows.
  Re-enables shadows on the jQuery supplied that has been disabled before.
- showFor( Element target ) returns Datepicker
  Call up a previously attached date picker.

  ### Example:

  Bring up the date picker for an input field.

      $.datepicker.showFor('#invokeFocus');

- slider( Options options ) returns
  Makes a slider from the nodeset supplied by the query.
  With this plugin, you can generate sliders with a wide range of options, including multiple handles, callbacks and more.

  ### Options

  - handle (String), default:
    The jquery selector to use for the handle of the slider (defaults to ".ui-slider-handle").
  - minValue (Int), default:
    The minimum value of the slider. Useful for tracking values via callback, and to set steps.
  - maxValue (Int), default:
    The maximum value of the slider. Useful for tracking values via callback, and to set steps.
  - startValue (Int), default:
    The value the handle will have first.
  - stepping (Int), default:
    If defined, the new value has to be dividable through this number, so the slider jumps from step to step.
  - steps (Int), default:
    Alternative to stepping, this defines how many steps a slider will have, instead of how many values to jump, as in stepping.
  - axis (String), default:
    Usually you don't have to set that option, because the slider finds out automatically if you want a horizontal or a vertical slider. In case it's not correctly detected, insert 'horizontal'/'vertical'.
  - stop (Function), default:
    Function that gets called when the user stops sliding. Takes arguments e and ui, for event and user-interface respectively. Use ui.value (single-handled sliders) or ui.values (multi-handled sliders) to obtain the value of the slider.
  - start (Function), default:
    Function that gets called when the user starts sliding. Takes arguments e and ui, for event and user-interface respectively. Use ui.value (single-handled sliders) or ui.values (multi-handled sliders) to obtain the value of the slider.
  - slide (Function), default:
    Function that gets called on every mouse move during slide. Takes arguments e and ui, for event and user-interface respectively. Use ui.value (single-handled sliders) or ui.values (multi-handled sliders) to obtain the value of the slider. For example: <pre> $(window).bind("load",function(){ $('#sliderId').slider({ steps: 10, minValue: 0, maxValue: 10, slide: function(e,ui) { $("#slider-min").text( ui.values[0] ); $("#slider-max").text( ui.values[1] ); } }); </pre> This example creates a double slider from 0-10 with "10" steps (actually eleven positions) and prints the values in spans/divs with the id tags <code>slider-min</code> and <code>slider-max</code>.For a single slider, all that is needed is ui.value.
  - change (Function), default:
    Function that gets called on slide stop, but only if the slider position has changed. Takes arguments e and ui, for event and user-interface respectively. Use ui.value (single-handled sliders) or ui.values (multi-handled sliders) to obtain the value of the slider.

  ### Example:

  A simple jQuery UI Accordion.

      $("#example").slider();

  #### HTML:

      <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)">

      <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/dimensions/jquery.dimensions.js"></script>
      <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/ui/ui.mouse.js"></script>
      <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/ui/ui.slider.js"></script>

      <div id='example' class='ui-slider-1' style="margin:10px;">
      <div class='ui-slider-handle'></div>
      </div>

- sortable( Options options ) returns
  Creates new sortable on the nodeset supplied by the query.
  This jQuery plugin makes DOM nodes sortable by mouse. You can additionally supply a great range of options to make them fit your needs.

  ### Options

  - items (Selector), default:
    Items to apply sorting to.
  - helper (Element function()), default:
    Allows for a helper element to be used for dragging display. The supplied function should return a valid DOM node to be used as a custom proxy helper.
  - containment (String), default:
    Constrains dragging to within the bounds of the specified element. Possible values: 'parent', 'document', jQuery String.
  - zIndex (int), default:
    z-index for element/helper while being sorted.
  - hoverClass (String), default:
    Class that gets applied to the otherwise white space.
  - start (function(e, ui)), default:
    Function to call when sorting starts.
  - stop (function(e, ui)), default:
    Function to call when sorting stops.
  - update (function(e, ui)), default:
    Function to call when the user stopped sorting and something has changed.
  - sort (function(e, ui)), default:
    Function to call during sorting.
  - change (function(e, ui)), default:
    Function to call during sorting, when something changed.

  ### Example:

  Basic Example of a sortable.

      $("#myList").sortable({});

  #### HTML:

      <script  src="http://dev.jquery.com/view/trunk/plugins/dimensions/jquery.dimensions.js"></script>

      <script src="http://dev.jquery.com/view/trunk/plugins/ui/ui.mouse.js"></script>
      <script src="http://dev.jquery.com/view/trunk/plugins/ui/ui.draggable.js"></script>
      <script src="http://dev.jquery.com/view/trunk/plugins/ui/ui.droppable.js"></script>
      <script src="http://dev.jquery.com/view/trunk/plugins/ui/ui.sortable.js"></script>
      <ul id="myList">

      	    <li>Item 1</li>
      	    <li>Item 2</li>
      	    <li>Item 3</li>
      	    <li>Item 4</li>

      </ul>

- sortableDestroy( ) returns jQuery
  Destroys all sortable functionality in the current jQuery.
- tablesorter( Options options ) returns jQuery
  Create a sortable table with multi-column sorting capabilities.

  ### Options

  - cssHeader (String), default:
    A string of the class name to be appended to sortable tr elements in the thead of the table.
  - cssAsc (String), default:
    A string of the class name to be appended to sortable tr elements in the thead on a ascending sort.
  - cssDesc (String), default:
    A string of the class name to be appended to sortable tr elements in the thead on a descending sort.
  - sortMultisortKey (String), default:
    A string of the multi-column sort key.
  - textExtraction (String), default:
    A string of the text-extraction method to use. For complex HTML structures inside td cell set this option to "complex", on large tables the complex option can be slow.
  - headers (Object), default:
    An object of instructions for per-column controls.
  - sortList (Array), default:
    An array of instructions for per-column sorting and direction in the format: [columnIndex, sortDirection] where columnIndex is a zero-based index for your columns left-to-right and sortDirection is 0 for Ascending and 1 for Descending.
  - sortForce (Array), default:
    Use to add an additional forced sort that will be appended to the dynamic selections by the user. For example, can be used to sort people alphabetically after some other user-selected sort that results in rows with the same value like dates or money due. It can help prevent data from appearing as though it has a random secondary sort.
  - widthFixed (Boolean), default:
    Indicates if tablesorter should apply fixed widths to the table columns. This is useful for the Pager companion. Requires the jQuery dimension plugin to work.
  - cancelSelection (Boolean), default:
    Indicates if tablesorter should disable selection of text in the table header (TH). Makes header behave more like a button.
  - debug (Boolean), default:
    Enables debugging mode, useful for development.

  ### Example:

  A simple Table Sorter.

      $("#example").tablesorter({sortList:<a href='0,0],[2,1'>0,0],[2,1</a>, widgets: ['zebra']});

  #### HTML:

      <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)">

      <script  src="http://dev.jquery.com/view/trunk/plugins/tablesorter/2.0/jquery.tablesorter.js"></script>

      	<table id="example" class="tablesorter" border="0" cellpadding="0" cellspacing="1">

      		<thead>
      			<tr>
      				<th>First Name</th>
      				<th>Last Name</th>

      				<th>Age</th>
      				<th>Total</th>
      				<th>Discount</th>
      				<th>Date</th>

      			</tr>
      		</thead>
      		<tbody>

      			<tr>
      				<td>Peter</td>

      				<td>Parker</td>
      				<td>28</td>
      				<td>$9.99</td>
      				<td>20%</td>

      				<td>Jul 6, 2006 8:14 AM</td>
      			</tr>
      			<tr>
      				<td>John</td>

      				<td>Hood</td>
      				<td>33</td>
      				<td>$19.99</td>

      				<td>25%</td>

      				<td>Dec 10, 2002 5:14 AM</td>
      			</tr>
      			<tr>
      				<td>Clark</td>
      				<td>Kent</td>

      				<td>18</td>

      				<td>$15.89</td>
      				<td>44%</td>
      				<td>Jan 12, 2003 11:14 AM</td>

      			</tr>
      			<tr>
      				<td>Bruce</td>
      				<td>Almighty</td>

      				<td>45</td>
      				<td>$153.19</td>
      				<td>44%</td>

      				<td>Jan 18, 2001 9:12 AM</td>

      			</tr>
      			<tr>
      				<td>Bruce</td>

      				<td>Evans</td>

      				<td>22</td>
      				<td>$13.19</td>
      				<td>11%</td>
      				<td>Jan 18, 2007 9:12 AM</td>

      			</tr>

      		</tbody>
      	</table>

- tabs( Number initial, Options options ) returns jQuery
  The method that you use to create a new tabs interface.

  ### Options

  - event (String), default: click
    The type of event to be used for selecting a tab.
  - disabled (Array<Number>), default: []
    An array containing the position of the tabs (no zero-based index) that should be disabled on initialization.
  - cookie (Object), default:
    Retrieve the active tab to start with from a cookie. Requires cookie plugin. The object needs to have key/value pairs of the form the cookie plugin expects as options. Available options: &#123; expires: 7, path: '/', domain: 'jquery.com', secure: true &#125;
  - unselected (Boolean), default: false
    Wether or not to start with all tabs unselected.
  - unselect (Boolean), default: false, as the case may be unselected is enabled true
    Wether or not to hide an already selected tab on click.
  - spinner (String), default: Loading&amp;#8230;
    The HTML content of this string is shown in a tab title while remote content is loading. Pass in empty string to deactivate that behavior.
  - cache (Boolean), default: false
    Wether or not to cache remote tabs content, e.g. load only once or with every click. Cached content is being lazy loaded, e.g once on the first click. Note that to prevent the actual Ajax requests from being cached by the browser you need to provide an extra cache: false flag to ajaxOptions.
  - ajaxOptions (Options), default:
    Additional Ajax options to consider when loading tab content (see $.ajax).
  - idPrefix (String), default: ui-tabs-
    If the remote tab, its anchor element that is, has no title attribute to generate an id from, an id/fragment identifier is created from this prefix and a unique id returned by $.data(el), for example "ui-tabs-54".
  - fxFade (Boolean), default: false
    Wether or not to use fade in/out animations for tabs showing/hiding. Can be combined with fxSlide. Will overrule fxShow/fxHide.
  - fxSlide (Boolean), default: false
    Wether or not to use slide down/up animations for tabs showing/hiding. Can be combined with fxFade. Will overrule fxShow/fxHide.
  - fxShow (Options), default:
    Key/value pairs of the form jQuery's animate function expects for creating a custom animation to show a tab. Unlike fxFade or fxSlide this animation is independent from optional fxHide.
  - fxHide (Options), default:
    Key/value pairs of the form jQuery's animate function expects for creating a custom animation to hide a tab. Unlike fxFade or fxSlide this animation is independent from optional fxShow.
  - fxSpeed (String,Number), default: normal
    A string representing one of the three predefined speeds ("slow", "normal", "fast") or the duration in milliseconds to run an animation.
  - fxShowSpeed (String,Number), default: fxSpeed
    A string representing one of the three predefined speeds ("slow", "normal", "fast") or the duration in milliseconds to run a show animation (fxFade, fxSlide, fxShow).
  - fxHideSpeed (String,Number), default: fxSpeed
    A string representing one of the three predefined speeds ("slow", "normal", "fast") or the duration in milliseconds to run a hide animation (fxFade, fxSlide, fxHide).
  - add (Function), default:
    Tab added callback, called with two arguments: added tab, added tab container (in this order).
  - remove (Function), default:
    Tab removed callback, called with two arguments: removed tab, removed tab container (in this order).
  - enable (Function), default:
    Tab enabled callback, called with two arguments: enabled tab, enabled tab container (in this order).
  - disable (Function), default:
    Tab disabled callback, called with two arguments: disabled tab, disabled tab container (in this order).
  - click (Function), default:
    Tab clicked callback, called with three arguments: clicked tab, tab container to show, tab container to hide (in this order). If callback returns false the tab click is aborted.
  - show (Function), default:
    Tab shown callback, called with three arguments: clicked tab, tab container to show, tab container to hide (in this order).
  - hide (Function), default:
    Tab hidden callback, called with three arguments: clicked tab, tab container to hide, tab container to show (in this order).
  - load (Function), default:
    Remote tab content loaded callback, called with two arguments: clicked, e.g. loading tab, loaded tab content container (in this order).
  - tabTemplate (String), default: &lt;li&gt;&lt;a href&#61;"#&#123;href&#125;"&gt;&lt;span&gt;#&#123;text&#125;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
    HTML template from which a new tab is created and added with the tabsAdd method. The placeholders #&#123;href&#125; and #&#123;text&#125; are replaced with the url and tab title that are passed as arguments to the tabsAdd method.
  - panelTemplate (String), default: &lt;div&gt;&lt;/div&gt;
    HTML template from which a new tab panel is created in case of adding a tab with the tabsAdd method or when creating a panel for a remote tab on the fly.

  ### Example:

  A simple jQuery UI Tabbed pane.

      $("#example > ul").tabs();

  #### HTML:

      <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)">

      <script type="text/javascript" src="http://dev.jquery.com/view/trunk/ui/current/ui.tabs.js"></script>

              <div id="example" class="flora">
                  <ul>

                      <li><a href="#fragment-1"><span>One</span></a></li>
                      <li><a href="#fragment-2"><span>Two</span></a></li>

                      <li><a href="#fragment-3"><span>Three</span></a></li>
                  </ul>
                  <div id="fragment-1">

                      <p>First tab is active by default:</p>
                      <pre><code>$('#example > ul').tabs();</code></pre>

                  </div>

                  <div id="fragment-2">
                      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                  </div>
                  <div id="fragment-3">
                      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                  </div>
              </div>

  ### Example:

  Builds a tabs interface with second tab selected on initialization.

      $('.selector').tabs(2);

  ### Example:

  Builds a tabs interface with some additional options.

      $('.selector').tabs({ cache: true });

  ### Example:

  Builds a tabs interface with second tab selected on initialization and some additional options.

      $('.selector').tabs(2, { cache: true });

- tabsAdd( String url, String title, Number position ) returns jQuery
  The method that you use to add a new tab to a tabs interface.
  The selector must be the same as the one that was used for tabs initialisation, e.g. must match or can be the ul/ol element.

  ### Example:

  Adds a new inline tab at the end.

      $(".selector").tabsAdd('#new-tab', 'New Tab');

  ### Example:

  Inserts a new inline tab at the second position.

      $(".selector").tabsAdd('#new-tab', 'New Tab', 2);

  ### Example:

  Adds a new remote tab at the end.

      $(".selector").tabsAdd('/path/to/foo.php', 'New Tab');

- tabsClick( Number position ) returns jQuery
  The method that you use to simulate a click on tab in a tabs interface.
  The selector must be the same as the one that was used for tabs initialisation, e.g. must match or can be the ul/ol element.
- tabsDisable( Number position ) returns jQuery
  The method that you use to disable a tab in a tabs interface.
  The selector must be the same as the one that was used for tabs initialisation, e.g. must match or can be the ul/ol element.
- tabsEnable( Number position ) returns jQuery
  The method that you use to enable a tab in a tabs interface.
  The selector must be the same as the one that was used for tabs initialisation, e.g. must match or can be the ul/ol element.
- tabsHref( Number position, String url ) returns jQuery
  The method that you use to set a new URL for a remote (Ajax) tab in a tabs interface.
  The selector must be the same as the one that was used for tabs initialisation, e.g. must match or can be the ul/ol element.
- tabsLoad( Number position, String url ) returns jQuery
  The method that you use to reload a remote (Ajax) tab in a tabs interface.
  The selector must be the same as the one that was used for tabs initialisation, e.g. must match or can be the ul/ol element.
- tabsRemove( Number position ) returns jQuery
  The method that you use to remove a tab from a tabs interface.
  The selector must be the same as the one that was used for tabs initialisation, e.g. must match or can be the ul/ol element.
- tabsRotate( Number milliseconds ) returns jQuery
  A method that you use to set up an automatic rotation through tabs of a tab pane.
  The selector must be the same as the one that was used for tabs initialisation, e.g. must match or can be the ul/ol element. Rotation stops if a tab is clicked on. To stop the rotation programmatically call this method without any or some falsy argument, like 0 or null.

  ### Example:

  Start rotation with an interval of 5 seconds.

      $(".selector").tabsRotate(5000);

  ### Example:

  Stop rotation.

      $(".selector").tabsRotate(null);

- tabsSelected( ) returns Number
  Retrieve the position of the currently selected tab of the first matched tabs interface (no zero-based index).
  The selector must be the same as the one that was used for tabs initialisation, e.g. must match or can be the ul/ol element. Returns -1 if no tab is currently selected.