Delay antes do .mouseout

Bom dia, estou criando uma loja virtual em Magento onde instalei um plugin para exibir os produtos no carrinho.
A principio os produtos só eram exibidos ao clicar no carrinho, mas esta parte ja consegui resolver substitui o .click por .mouseover agora o que eu queria era que ouvesse um delay antes de sumir quando a pessoa retirar o mouse(.mouseout) uma vez que não esta permitindo nem sequer clicar dentro da janela que se abre

Originalmente o código era:

var $j = jQuery.noConflict();
$j(document).ready(function(){

//Hide (Collapse) the toggle containers on load
$j(".toggle_container").hide();

//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)

$j("span.trigger").click(function(){
$j(this).toggleClass("active").next().slideToggle("slow");
return false; //Prevent the browser jump to the link anchor
});
});

Agora está:

var $j = jQuery.noConflict();
$j(document).ready(function(){

//Hide (Collapse) the toggle containers on load
$j(".toggle_container").hide();

//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)

$j("span.trigger").mouseover(function(){
$j(this).toggleClass("active").next().slideToggle("slow");
return false; //Prevent the browser jump to the link anchor
});
$j("span.trigger").mouseout(function(){
$j(this).toggleClass("inactive",5000).next().slideToggle("slow");
return false; //Prevent the browser jump to the link anchor
});

});

O site é www.sofaecasa.com.br