onclick - Fade in and afde out on click or hover -

i have script:

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

i need hover on #tooncart, #top-cart needs fade-in. when move cursor #tooncart #top-cart needs stay visible. when click on #tooncart again , click on div class .closing (which #top-cart) needs fade out again.

i think needs little this:

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

maybe this:

$('.closing').click(function() { $(this).parent().fadeout();

can me out?

i have , good:

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

would perfect if after click .closing or #tooncart fadeout!

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