Need Help... AJAX/ Jquery conflict in CS-Cart

I am using CS-Cart 2.1 ...
I need someone who can look over a site I am working on. I am having trouble with a quick cart drop down that I made.

First I used completely different css to make it and it wouldn't refresh because the ajax in checkout.php calls for #cart_status. Everything worked fine, except when you put the items in the cart they wouldn't show up until you refreshed the page. I went back and re did my div tags and changed back to cart_status and switched that css. Now it adds item to cart immediately but my jquery button does not work until the page is refreshed again. I am using jquery toggle command to control the action. Can someone please help, there is a conflict between the shopping cart refresh and the jquery being deactivated.

you can see it here

here is the jquery code

{literal}
<script type="text/javascript">
$(document).ready(function(){

    $(".cart-btn").click(function(){
      $(".cart-full").slideToggle("slow");
      $(this).toggleClass("active");
    });

});

</script>

{/literal}

Code (markup):

and the ajax is controlled by the checkout.php file in controllers/customers/checkout.php ... search for "cart_status" ... also the script in in the js folder

Thanks in advance for your help... if you do not have cs cart, it is available at cs-cart.com ... download the demo or i can PM code