This file is using jQuery 3.6 and jQueryUI 1.13. jQuery 1.13 was released October/21. It was a long wait between 1.12 that didn't support recent versions of jQuery and the release jQuery UI 1.13 which did support recent jQuery version. Only Problem I have run into is with the blind and bounce effect, which has been altered to CSS3. If available, you may update the links to a more recent jQuery UI. When using a CDN it is best to select the full version you used at development time. If you link to the latest version the browser will downloaded the new framework each time, which may or may not be compatible with your jQuery/jQuery UI behavior. Therefore, for best practices hard code the same version throughout your site. Notice jQuery migrate exists, to maintain older jQuery compatibility. At a later date if you have time to check your code, update to a newer version, but in general if its not broken, why fix it. Only exception here is IE, which typically changes their JavaScript engine upon each release. For further information on this topic refer to this stack overflow post.

You will need to add one jQuery plugin to this page that is not part of the jQuery UI.

 
Description Solution Right Tool* Example
jQuery Effects -demo - all effects are based on the toggle method, it is a true toggle.
Blind Effect Click for blind effect CSS3 Transitions**

Effect

This block will be used to demo the effect examples, The demo page is very good at this but we will be using a smaller subset here for the demos. I have created the first two, you need to select three more.

Bounce Effect

Click for bounce effect

Nota Bene, #effect, has to have CSS position set to relative;

 jQueryUI
 

 

  
     
 
jQueryUI Theme Roller Framework Icons.
Up (North) Arrow use class ul-icon ul-icon-arrowthick-1-n HTML Entities: ↑
Right (East) Arrow   HTML Entities
       
       
jQuery Interactions
Resizable Click for ease out resizing. Note grabber handle is added. css3 resize property
Note CSS3 resize property uses the grabber handle which is standard. However, jQuery can add special effects to the jQuery interactions.
     
jQuery Widgets - jQuery code is at end of file - Note DW Creative Cloud has insert bar --> jQuery UI Menu Group
autocomplete widget Call autocomplete() on element HTML 5 datalist Web Design Classes
menu Widget Call menu() on ul element jQueryUI or Bootstrap but Bootstrap is another framework
       
Theme Roller Selector Notice how themes change on this page. You will need to add 3 more themes to the current drop down list box to the right. Active Theme:
Explore main jQuery plugins or jQuery Tools (deprecated? but was ahead of its time) and also these 40 awesome plugins. Implement one jQuery plugin, or an awesome plugin or a jQuery tool.
       

* Many of these jQuery UI elements have been deprecated with HTML5 and CSS3, however jQuery may provide additional features, and the active jQuery theme roller applies to all jQueryUI elements.

** CSS3 add both transition and Transform properties.