Question

I am trying to remove an item from a list without losing the animation ‘hover’:
jsfiddle

Code

$(window).load(function() {

    $('.parent').hover(function() {

        $('.child').css({
            "width": "320px",
            "height": "300px"
        });
        $(this).find('.child').dequeue().stop().slideToggle("fast");

    });

    $(".binda").click(function() {
        $(this).remove()
    });

});​

Answer 1

Try this demo http://jsfiddle.net/pYa87/

API:

• .mouseover – http://api.jquery.com/mouseover/
• .slideUp – http://api.jquery.com/slideUp/

Hope it fits the cause :)

code

$(window).load(function() {

    $('.parent').mouseover(function() {

        $('.child').css({
            "width": "320px",
            "height": "300px"
        });
        $(this).find('.child').dequeue().stop().slideDown("fast");

    }).mouseout(function() {

        $(this).find('.child').dequeue().stop().slideUp("fast");
    });

    $(".binda").click(function() {
        $(this).remove()
    });

});​