diff --git a/angular-ui-switch.js b/angular-ui-switch.js
index 9a6b591..80e82e3 100644
--- a/angular-ui-switch.js
+++ b/angular-ui-switch.js
@@ -9,8 +9,8 @@ angular.module('uiSwitch', [])
       var html = '';
       html += '<span';
       html +=   ' class="switch' + (attrs.class ? ' ' + attrs.class : '') + '"';
-      html +=   attrs.ngModel ? ' ng-click="' + attrs.disabled + ' ? ' + attrs.ngModel + ' : ' + attrs.ngModel + '=!' + attrs.ngModel + (attrs.ngChange ? '; ' + attrs.ngChange + '()"' : '"') : '';
-      html +=   ' ng-class="{ checked:' + attrs.ngModel + ', disabled:' + attrs.disabled + ' }"';
+      html +=   attrs.ngModel ? ' ng-click="' + attrs.ngDisabled + ' ? ' + attrs.ngModel + ' : ' + attrs.ngModel + '=!' + attrs.ngModel + (attrs.ngChange ? '; ' + attrs.ngChange + '()"' : '"') : '';
+      html +=   ' ng-class="{ checked:' + (attrs.invert === 'true' ? '!' : '') + attrs.ngModel  + ', disabled:' + attrs.ngDisabled + ' }"';
       html +=   '>';
       html +=   '<small></small>';
       html +=   '<input type="checkbox"';
diff --git a/angular-ui-switch.min.css b/angular-ui-switch.min.css
index a52d377..206345b 100644
--- a/angular-ui-switch.min.css
+++ b/angular-ui-switch.min.css
@@ -1 +1 @@
-.switch{background:#fff;border:1px solid #dfdfdf;position:relative;display:inline-block;box-sizing:content-box;overflow:visible;width:52px;height:30px;padding:0;margin:0;border-radius:20px;cursor:pointer;box-shadow:#dfdfdf 0 0 0 0 inset;transition:.3s ease-out all;-webkit-transition:.3s ease-out all;top:-1px}.switch.wide{width:80px}.switch small{background:#fff;border-radius:100%;box-shadow:0 1px 3px rgba(0,0,0,.4);width:30px;height:30px;position:absolute;top:0;left:0;transition:.3s ease-out all;-webkit-transition:.3s ease-out all}.switch.checked{background:#64bd63;border-color:#64bd63}.switch.checked small{left:22px}.switch.wide.checked small{left:52px}.switch .switch-text{font-family:Arial,Helvetica,sans-serif;font-size:13px}.switch .off{display:block;position:absolute;right:10%;top:25%;z-index:0;color:#A9A9A9}.switch .on{display:none;z-index:0;color:#fff;position:absolute;top:25%;left:9%}.switch.checked .off{display:none}.switch.checked .on{display:block}.switch.disabled{opacity:.5;cursor:not-allowed}
+.switch,.switch small{background:#fff;height:30px}.switch{border:1px solid #dfdfdf;position:relative;display:inline-block;box-sizing:content-box;overflow:visible;width:52px;padding:0;margin:0;border-radius:20px;cursor:pointer;box-shadow:#dfdfdf 0 0 0 0 inset;transition:.3s ease-out all;-webkit-transition:.3s ease-out all;top:-1px}.switch.wide{width:80px}.switch small{border-radius:100%;box-shadow:0 1px 3px rgba(0,0,0,.4);width:30px;position:absolute;top:0;left:0;transition:.3s ease-out all;-webkit-transition:.3s ease-out all}.switch .off,.switch .on{z-index:0;position:absolute;top:25%}.switch.checked{background:#64bd63;border-color:#64bd63}.switch.checked small{left:22px}.switch.wide.checked small{left:52px}.switch .switch-text{font-family:Arial,Helvetica,sans-serif;font-size:13px}.switch .off{display:block;right:10%;color:#A9A9A9}.switch .on,.switch.checked .off{display:none}.switch .on{color:#fff;left:9%}.switch.checked .on{display:block}.switch.disabled{opacity:.5;cursor:not-allowed}
diff --git a/angular-ui-switch.min.js b/angular-ui-switch.min.js
index 6f6da0f..1a0aced 100644
--- a/angular-ui-switch.min.js
+++ b/angular-ui-switch.min.js
@@ -1 +1 @@
-angular.module("uiSwitch",[]).directive("switch",function(){return{restrict:"AE",replace:!0,transclude:!0,template:function(n,e){var s="";return s+="<span",s+=' class="switch'+(e.class?" "+e.class:"")+'"',s+=e.ngModel?' ng-click="'+e.disabled+" ? "+e.ngModel+" : "+e.ngModel+"=!"+e.ngModel+(e.ngChange?"; "+e.ngChange+'()"':'"'):"",s+=' ng-class="{ checked:'+e.ngModel+", disabled:"+e.disabled+' }"',s+=">",s+="<small></small>",s+='<input type="checkbox"',s+=e.id?' id="'+e.id+'"':"",s+=e.name?' name="'+e.name+'"':"",s+=e.ngModel?' ng-model="'+e.ngModel+'"':"",s+=' style="display:none" />',s+='<span class="switch-text">',s+=e.on?'<span class="on">'+e.on+"</span>":"",s+=e.off?'<span class="off">'+e.off+"</span>":" ",s+="</span>"}}});
\ No newline at end of file
+angular.module("uiSwitch",[]).directive("switch",function(){return{restrict:"AE",replace:!0,transclude:!0,template:function(n,e){var s="";return s+="<span",s+=' class="switch'+(e["class"]?" "+e["class"]:"")+'"',s+=e.ngModel?' ng-click="'+e.ngDisabled+" ? "+e.ngModel+" : "+e.ngModel+"=!"+e.ngModel+(e.ngChange?"; "+e.ngChange+'()"':'"'):"",s+=' ng-class="{ checked:'+("true"===e.invert?"!":"")+e.ngModel+", disabled:"+e.ngDisabled+' }"',s+=">",s+="<small></small>",s+='<input type="checkbox"',s+=e.id?' id="'+e.id+'"':"",s+=e.name?' name="'+e.name+'"':"",s+=e.ngModel?' ng-model="'+e.ngModel+'"':"",s+=' style="display:none" />',s+='<span class="switch-text">',s+=e.on?'<span class="on">'+e.on+"</span>":"",s+=e.off?'<span class="off">'+e.off+"</span>":" ",s+="</span>"}}});
diff --git a/example/app.js b/example/app.js
index 3d12135..18ea133 100644
--- a/example/app.js
+++ b/example/app.js
@@ -1,11 +1,15 @@
 angular.module('app', ['uiSwitch'])
 
-.controller('MyController', function($scope) {
+.controller('MyController', function($scope, $timeout) {
   $scope.enabled = true;
   $scope.onOff = true;
   $scope.yesNo = true;
   $scope.disabled = true;
-
+	
+	$scope.dynamicDisabled = true;
+	$timeout(function() {
+		$scope.dynamicDisabled = false;
+	}, 1000);
 
   $scope.changeCallback = function() {
     console.log('This is the state of my model ' + $scope.enabled);
diff --git a/example/index.html b/example/index.html
index 6adb029..6572de8 100644
--- a/example/index.html
+++ b/example/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="en" ng-app="app">
 <head>
   <meta charset="utf-8">
@@ -43,9 +43,28 @@
     <p>
         <button ng-click="disabled=!disabled">Toggle</button>
     </p>
+      <p>
+          Enabled: {{ disabled }}
+      </p>
+
+			<!--Example of using switch disabled states with dynamic update (enable after 1s). -->
+    <switch name="disabled" ng-model="disabled" disabled="dynamicDisabled"></switch>
     <p>
-        Enabled: {{ disabled }}
+        <button ng-click="disabled=!disabled">Toggle</button>
     </p>
+      <p>
+          Enabled: {{ disabled }}
+      </p>
+
+      <h4>Using invert - which shows the switch in the opposite arrangement</h4>
+      <!--Examples of using switch inverted. -->
+      <switch name="inverted" ng-model="inverted" invert="true"></switch>
+      <p>
+          <button ng-click="inverted=!inverted">Toggle</button>
+      </p>
+      <p>
+          Enabled: {{ inverted }}
+      </p>
   </form>
 
 </body>