title: Ext Js Tooltip to stay when hover over
body: <p>I have a button at which when the user hovers over I display a tooltip.</p>
  
  <pre><code>function createTooltp(toolTipId) {
   tooTip = new Ext.ToolTip({
   target: toolTipId,            //The button
   anchor: 'left',
   autoWidth: true,
   autoHeight: true,
   closable: false,
   autoHide: true,
   autoHeight : true,
   closable: false,
   contentEl: 'content-tip'
   });
  tooTip.show();
  }
  </code></pre>
  
  <p>Now when the user hovers away obviously it would hide since I mentioned <code>autoHide:true,</code>.
  But when the user hovers to the actual tooltip which is displayed. I want that tooltip to be there till the mouse is on top of it and hide when the mouse is not on the target(button) or on the actual tooltip. How could this be achieved?</p>