hide search field if searchable: false is passed

Author: Michael Aufreiter

css/ui.multiselect.css

@@ -25,5 +25,5 @@
 .ui-multiselect ul li span.ui-icon-arrowthick-2-n-s { position: absolute; left: 2px; }
 .ui-multiselect ul li a.action { position: absolute; right: 2px; top: 2px; }
 
-.ui-multiselect input.search { height: 14px; padding: 1px; opacity: 0.5; margin: 5px; width: 100px; }
+.ui-multiselect input.search { height: 14px; padding: 1px; opacity: 0.5; margin: 4px; width: 100px; }
 .ui-multiselect input.waiting { color: #aaa; font-style: italic; }

index.html

@@ -12,7 +12,7 @@
   <script type="text/javascript" src="js/ui.multiselect.js"></script>
   <script type="text/javascript">
     $(function(){
-      $(".multiselect").multiselect({sortable: true});
+      $(".multiselect").multiselect();
       $('#switcher').themeswitcher();
     });
   </script>
@@ -25,9 +25,11 @@ <h1>jQuery UI Multiselect</h1>
     The widget is styleable using <a href="http://jqueryui.com/themeroller/" title="jQuery UI Themeroller">Themeroller</a>.
     It works in an <em>unobtrusive</em> fashion, by just turning html multiple select inputs into a sexier equivalent. There's no extra markup needed.
   </p><p>
+    For installation instructions please have a look at the corresponding <a href="http://www.quasipartikel.at/2009/05/10/jqueryui-multiselect/">blogpost</a>.<br/><br/>
+    
     The source code is available at <a href="http://github.com/michael/multiselect/" title="Social Coding">Github</a>.<br/><br/>
 
-    If you are looking for the original version, it has been moved <a href="http://quasipartikel.at/multiselect_original/">here</a>.
+    If you are looking for the original version, it has been moved <a href="http://quasipartikel.at/multiselect_original/">here</a>.<br/><br/>
   </p>
 
   <h1>Demo</h1>
@@ -145,23 +147,6 @@ <h2>Choose countries</h2>
       <option value="VNM">Vietnam</option>
     </select>
   </form>
-  <h1>Installation</h1>
-  <div id="installation">
-    <p>
-    ...is a cakewalk.
-    </p><p>
-    Add the library references.
-    </p>
-    <script src="http://gist.github.com/98231.js"></script>
-    <p>
-    Define your selectbox having the <em>multiple</em> attribute set.
-    </p>
-    <script src="http://gist.github.com/98232.js"></script>
-    <p>
-      Invoke the Multiselect Spirits.
-    </p>
-    <script src="http://gist.github.com/98234.js"></script>
-  </div>
   <h1>Credits</h1>
   <p>My name is <em>Michael Aufreiter</em>. Neither I have a website nor I have my own blog yet.
   Fortunately, I'm a member of <a href="http://www.quasipartikel.at">Quasipartikel</a>, a small

js/ui.multiselect.js

@@ -22,7 +22,6 @@
  */
 
 
-
 /* String.contains - taken from Mootools */
 String.prototype.contains = function(string, separator) {
 	return (separator) ? (separator + this + separator).indexOf(separator + string + separator) > -1 : this.indexOf(string) > -1;
@@ -83,6 +82,9 @@ $.widget("ui.multiselect", {
 				.parents('form').submit(function(){
 					return false;
 				});
+		} else {
+			// hide search
+			$('.search').hide();
 		}
 
 		// batch actions