 								element.layout().hide("east")
 							else
 								element.layout().show("east")
+							if hasCustomToggler
+								customTogglerEl.scope().$applyAsync () ->
+									customTogglerEl.scope().isOpen = !value
+									customTogglerEl.scope().isVisible = !value
+
 
 				post: (scope, element, attrs) ->
 					name = attrs.layout

							repositionCustomToggler()
						customTogglerEl = $compile("
							<a href 
							   class=\"custom-toggler #{ 'custom-toggler-' + customTogglerPane }\"
							   ng-class=\"isOpen ? 'custom-toggler-open' : 'custom-toggler-closed'\"
							   tooltip=\"{{ isOpen ? tooltipMsgWhenOpen : tooltipMsgWhenClosed }}\"

						customTogglerScope = scope.$new()

						customTogglerScope.isOpen = true
						customTogglerScope.isVisible = true

						if state[customTogglerPane]?.initClosed == true
							customTogglerScope.isOpen = false
