我如何才能获取要“切换”的列表元素（JQuery），然后在完成动画删除（）后，只需单击鼠标中的img <li> ？

Question

As it stands the remove function doesn't work. Any suggestions?

var toggle = new function() {
    $(document).on('click', 'img', function () {
        $(this).parent().toggle('slide');
    })
}    
var remove = new function() {
    $(document).on('click', 'img', 
    setTimeout(function () {
        $(this).parent().remove();
    }, 1000);
)
}

Answer 1

The function your are looking for is .queue() . It will execute a provided callback after the previous animation has finished:

$(document).on('click', 'img', function() {
    var $entry = $(this).parent();
    $entry.toggle('slide').queue(function(next) {
        $entry.remove();
        next();
    });
});

Working example: http://jsfiddle.net/rbBgS/