title: Hide and show of kendo ui editor toolbar
body: <p>I am using kendo ui editor control. Initially i am showing only editable area and hiding editor tool bar like </p>
  
  <pre><code>&lt;style&gt;
    .k-editor-toolbar
      {
         display:none;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>I am showing that in select function of kendo ui editor like</p>
  
  <pre><code> $("#editor").kendoEditor({
       select: function(e){
           $(".k-editor-toolbar").show();
        }
   });
  </code></pre>
  
  <p>I want to hide the tool bar on body except the editable area in the kendo ui editor. I have tried like</p>
  
  <pre><code>    $('body').on('click', ':not(#editor)', function () {
             $(".k-editor-toolbar").hide();
         });
  </code></pre>
  
  <p>But this is not working. on select of Dropdowns in the toolbar also it is hiding. I don't want to hide the tool bar when i click any thing on the toolbar. How can i able to do that</p>