title: How can I clear previous toastr before showing the new one and set a timeout between them?
body: <p>I am using <a href="http://codeseven.github.io/toastr/" rel="noreferrer">Angular toastr</a> and I am stuck at passing a delay between hiding the previous toastr and showing the next one. There should be only one toastr at a time. I am hiding and showing it, but there is no visual difference, and still the toast messages are the same, the user is not able to distinguish which was previous and wich is next toast. I am firing them with two functions. Any help would be appreciated.</p>
  
  <p>This is my setup:</p>
  
  <pre><code>        autoDismiss: true,
          maxOpened: 2,
          newestOnTop: true,
          extendedTimeOut: 1000,
          tapToDismiss: false,
          timeOut: 5000
  </code></pre>