Toogle Ajax Shopping Cart from Ajax Shopping Cart Teaser

Hi,

You can do this:

1. It is necessary to wrap 2 div, like this:
$('#block-dc-ajax-add-cart-ajax-shopping-cart, #block-dc-ajax-add-cart-ajax-shopping-cart-teaser').wrapAll('<div class="cart_box">');

2. Now your 2 divs inside one div with class: .cart_box. Next you can play with jquery, like this:

$("#block-dc-ajax-add-cart-ajax-shopping-cart-teaser").hover(function(){
    $(this).next($("#block-dc-ajax-add-cart-ajax-shopping-cart")).slideDown();
    clearTimeout(debounce1);
});

$(".cart_box").mouseleave (function() {
     debounce1 = setTimeout(closeMenu,0);
});

var debounce1;
var closeMenu = function(){
     $("#block-dc-ajax-add-cart-ajax-shopping-cart").slideUp();
     clearTimeout(debounce1);
}

3. Styled with css

Enjoy!

This feature might not be generic. Not all users would like to have that toggle functionality. You can try the suggestion in #1 in your custom JS file.