onclick - 单击或悬停时淡入淡出

Question

我有这个脚本：

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

我需要在#tooncart 上悬停，#top-cart 需要淡入。当我将光标从#tooncart 移动时，#top-cart 需要保持可见。当我再次单击#tooncart 并单击具有类.closure 的某个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').click(function() { $(this).parent().fadeOut();

谁能帮我吗？

Answer 1

我有这个，很好：

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

如果在单击 .closure或#tooncart 之后再淡出，那将是完美的！

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