Onclick 单击或悬停时淡入淡出

我有这个剧本：

    $('#tooncart').click(function() {
        $('#top-cart').slideToggle('fast');
        return false;
    });

我需要在“tooncart”上悬停，“top cart”需要淡入。 当我将光标从#移动到cart时#顶部购物车需要保持可见。 当我再次单击#tooncart并单击某个带有class.closing的div（进入#top cart）时，它需要再次淡出

我认为它需要看起来有点像这样：

    $('#tooncart').hover(function() {
        $('#top-cart').fadeIn('slow');
          // when click on #tooncard or .closing then fade out! 
          // when directly hover on the #tooncart I think it shouldn't be visible.
    });

也许是这样的：

$（'.closing'）。单击（函数（）{ $（this.parent（）.fadeOut（）

---

有人能帮我吗？

我有这个，很好：

    $('#tooncart').hover(function() {
        $('#top-cart').fadeIn('slow');
        });
        $('.closing').click(function() {
        $('#top-cart').fadeOut('slow');
    });

如果在单击后关闭或#然后淡出，则将是完美的选择

    $('.closing').click(function() // or #tooncart {
    $('#top-cart').fadeOut('slow');