extjs6 - How to hide and show panel multiple times in extjs -

i trying catch updates in grid , want show message html config in panel docked @ bottom in grid. if click on 1 button show preview message panel hide.

this working fine when click on show preview button multiple times. , edit field grid dom of message panel getting null. throwing error typeerror: argument 1 of node.insertbefore not object. using extjs 6 version.

edit : hi. here code hide/show panel , changing message panel per condition.

var notepanel = ext.getcmp("notepanelcontainer");  if(ispropertyupdate) {     notepanel.update("property panel has been updated.");  } else {     notepanel.update("fields grid has been updated.");  } if(ishide){     notepanel.hide(); }else{     notepanel.show(); } 

not sure doing, created simple fiddle illustrate solution task (at least understand it).

as understand use ext.panel.panel docked item show message, heavy component task. use ext.component.