title: How to slide down an old toaster of AngularJS
body: <p>I made two <code>toasters</code> using <strong><code>AngularJS Toaster</code></strong>.<br></p>
  
  <blockquote>
    <p>The No.1 toaster's option is "limit : 10, position-class : toast-top-center".<br>
    The No.2 toaster's option is "limit : 1, position-class : toast-top-center".  </p>
  </blockquote>
  
  <p>When I use two toasters together, they overlaps.<br>
  I want to <strong>slide down the old one when the new taster appears.</strong>  </p>
  
  <p>One solution is to use only <strong>No.1</strong> toaster more than once, however I want to use <strong>No.1</strong> and <strong>No.2</strong> toasters together.  </p>
  
  <p>Any options of the toaster or any ideas?</p>