 						customTogglerScope = scope.$new()
 
 						customTogglerScope.isOpen = true
+						customTogglerScope.isVisible = true
 
 						if state[customTogglerPane]?.initClosed == true
 							customTogglerScope.isOpen = false

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

								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
