Show slide-out div after click of button
<p>I'm using simplecart.js on my site to add items to a cart. <a href="http://www.rubytuesdaycreative.co.uk/testsite/snood.html" rel="nofollow">Site can be seen here.</a></p>

<p>The documentation mentions use of an After Add function:</p>

<pre><code>// basic callback example
simpleCart.bind( "afterAdd" , function( item ){
  console.log( item.get("name") + " was added to the cart!" );
});
</code></pre>

<p>I'd like to use this function in my script to make a slide out div <code>panel</code> to slide out once the item has been added.</p>

<p>The existing jQuery for the slide out panel is:</p>

<pre><code>///////
///Settings object
///////
var settings = {
    objSlideTrigger: '.trigger',
    objSlidePanel: '.panel'
}
</code></pre>

<p>There is also the full jQuery in a linked file:</p>

<pre><code>///////
///Slide out tab
///////
function slideOutTab() {
    //Bind a click handler to the trigger
    $(settings.objSlideTrigger).bind('click' , function() {
        //If the panel isn't out
        if(!$(settings.objSlidePanel).hasClass('out')){
            //Animate it to left 0px
            $(settings.objSlidePanel).animate({
                'left' : '0px'
            });
            //Add the out class
            $(settings.objSlidePanel).addClass('out');
        }
        else {
            //Otherwise, animate it back in
            $(settings.objSlidePanel).animate({
                'left' : '-330px'
            });
            //Remove the out class
            $(settings.objSlidePanel).removeClass('out');
        }
    });
}
    $(function(){slideOutTab();});
</code></pre>

<p>Plus the existing simplecart javascript.</p>

<pre><code>simpleCart({
    checkout: {
      type: "PayPal",
      email: "hello@myemail.com",
    },
    currency: "GBP"
});
</code></pre>

<p>I understand that I need to use the basic callback example, but instead of the console message need to call the javascript for the slide out, but I'm not sure of the syntax. Can anyone help?</p>
