Being an expandable and collapsible content holder, the jQuery UI Accordion is broken into sections. It probably resembles like tabs. Syntax: The accordion() method can be used in two forms: $(selector, context).accordion (options) Method OR $(selector, context).accordion (“action”, params) Method First Method: The accordion (options) Method: To indicate that an HTML element and its contents … Read more
To re-order the elements in the list or grid form with the use of the mouse, the jQueryUI sortable() method is used. An operation string passed as the first parameter, is what the sorting ability of this method is based on. Syntax: The sortable() method can be used in two forms: $(selector, context).sortable (options) Method … Read more
To select a DOM element individually or in a group, by dragging a box with the mouse over the element, the jQuery UI selectable() method is used. The ctrl button can be used to select multiple elements. Syntax: The selectable () method can be used in two forms: $(selector, context).selectable (options) Method $(selector, context).selectable (“action”, … Read more
To resize a DOM element, the jQuery UI resizable() method is used which displays an icon in the bottom right of the item to resize. Because of its advantage of simplifying the method of resizing of elements along with the benefit of reduction in time and lines of code, it is highly recommended. Syntax: The … Read more
A DOM element can be made droppable at a specified target using the droppable() method of the JQuery UI. Syntax: The droppable () method can be used in either of its two acceptable forms: $(selector, context).droppable (options) Method $(selector, context).droppable (“action”, params) Method First Method: The droppable (options) method: To specify that an HTML element … Read more
To make a DOM element draggable, the jQuery UI draggable() method is used. Thus the element can be moved by clicking on it with the mouse. It can also be dragged anywhere within the viewport. Syntax: The draggable () method can be used in either of the two forms: $(selector, context).draggable (options) Method $(selector, context).draggable … Read more
jQuery UI provides various features for creating highly interactive web applications. Some of the important features of jQuery are: Open-source. Free to use. Facilitates a powerful theme mechanism. Stable. Maintenance-friendly. Facilitates extensive browser support. Helpful documentation. jQuery UI Categorization: The jQueryUI can be categorized into four groups. Interactions Widgets Effects Utilities Interactions: To interact with … Read more