jquery UI Common

conditions, referencing 3 files jquery-ui.min.css; Jquery.min.js; Jquery-ui.min.js.

I. Automatic completion of http://www.w3cschool.cc/jqueryui/example-autocomplete.html

var availabletags = [
"ActionScript",
"AppleScript"];

$ ("#mytags"). AutoComplete ({
Source:availabletags
});

<div class= "Ui-widget" >
<label for= "Tags" > tags:</label>
<input id= "Mytags" >
</div>

Second, folding panel http://www.w3cschool.cc/jqueryui/example-accordion.html

<script>  $ (function () {    "#accordion"  ). accordion ();      });  </script><div id="accordion">  111
Third, TAB switch http://www.w3cschool.cc/jqueryui/example-tabs.html
<script>$ (function () {$ ("#tabs"). tabs ();  }); </script><div id="Tabs"> <ul> <li><a href="#tabs-1">nunc tincidunt</a></li> <li><a href="#tabs-2">proin dolor</a></li> <li><a href="#tabs-3">aenean lacinia</a></li> </ul> <div id="tabs-1"> <p> First </p> </div> <div id="tabs-2"> <p> Second </p> </div> <div id="tabs-3"> <p> Third </p> <p> or third </p> </div></div>
Iv. Ordering of tabs: http://www.w3cschool.cc/try/tryit.php?filename=jqueryui-example-tabs-sortable
Five, the dynamic addition of the label page Http://www.w3cschool.cc/try/tryit.php?filename=jqueryui-example-tabs-manipulation
jquery UI Common