Demo for invisible input values

demo/index.js

@@ -71,6 +71,11 @@ $(function(){
 
 			// _$UI.appendTo('#content-wrapper'); // demonstration only
 			
+			// demonstrates not showing numbers in input field (part 1)
+			// $(this.$oldElm).css({'color': 'transparent'});
+			// this.$oldElm = $elm;
+			// $elm.css({'color': ''});
+
 			return { // this demo is a copy of the internal usage (to show how it works);
 				'left': (_$UI._left = position.left) -
 					((_$UI._left += _$UI._width -
@@ -94,6 +99,11 @@ $(function(){
 			//  $elm.closest('.trigger').removeClass('active');
 			// }
 
+			// demonstrates not showing numbers in input field (part 2)
+			// if (toggled === false) {
+			//     $elm.css({'color': 'transparent'});
+			// }
+
 			if (toggled === true) { // on show colorPicker
 				this.$alpha.toggle(!$elm.hasClass('no-alpha'));
 				this.$sliders.toggle(!$elm.hasClass('no-sliders'));
@@ -111,6 +121,7 @@ $(function(){
 	};
 
 	window.myColorPicker =
-	$('.color').colorPicker(options);
+	$('.color').colorPicker(options)
+	// .css({'color': 'transparent'}); // demonstrates not showing numbers in input field (part 3)
 	$('.trigger').colorPicker(options);
 });