Its a drop-in trendy substitute for the usual <choose> with a number of attribute activated, which creates an interface of two lists aspect by aspect.
The zip file accommodates dualList.css file inside css folder, and dualList.js and dualList.min.js (minified model) inside js folder, that are prepared to make use of.
Putting in jQuery Twin Checklist is fairly straight ahead. Merely embody the each the jQuery, jQuery Twin Checklist and CSS library file e.g. jQuery dualList.js and dualList.css like this:
<hyperlink rel="stylesheet" href="dualList.css" kind="textual content/css" media="display" />
<script kind="textual content/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script kind="textual content/javascript" src="dualList.js"></script>
You possibly can simply apply jQuery Twin Checklist on a typical <choose> with a number of attribute activated like this –
$('#dual-list').dualList();RELEASE NOTES
Model 2.0.0 - June 7, 2021 - [Feature] Added filter - [Feature] Added clickable group - [Changes] HTML stucture, CSS types and Javascript choices keys modified
