Toggling Wordpres Virtual Editor shrinks toolbar

I am hidding the wordpress editor on page/post create/edit page. When I toggle editor to show, the toolbar shows as shrink. And when i scrolls the page the toolbar adjusts.

Any hint?

Following is the code:

Button:

<span id="z-builder-switch-button" class="button-primary">Z Page Builder</span>

Js:

$('#z-wp-editor-wrapper').toggle();

HTML:

<div id="z-wp-editor-wrapper" style="display: block;"><div id="postdivrich" class="postarea wp-editor-expand">

<div id="wp-content-wrap" class="wp-core-ui wp-editor-wrap tmce-active has-dfw" style="padding-top: 54px;">
// Editor HTML

</div>
</div>

Screenshot: