jquery - jquery在mvc表上切换图像点击

Question

现在这就是我正在做的事情

http://jsfiddle.net/hRpAw/199/

我用于扩展和折叠的 jquery

$('table.searchResult').each(function () {
    var $table = $(this);
    $table.find('tr.child').hide();
    $table.find('.parent').find('img#DisplayChildRow').hide();
    $table.find('.parent').find('img#HideChildRow').click(function () {
        $(this).parent().parent().nextUntil('.parent').toggle();
        $(this).hide();
        $(this).parent().find('img#DisplayChildRow').show();
    });
    $table.find('.parent').find('img#DisplayChildRow').click(function () {
        $(this).hide();
        $('img#HideChildRow').show();
        $table.find('tr.child').hide();
    });
});

当您单击一行的图像时，该行会正确展开和折叠。

但是如果单击图像并展开多行并单击一行进行折叠，则展开的所有行都会折叠，并且用于折叠的图像不会隐藏。

有人可以帮我弄这个吗。我尝试了最接近和下一个这样的东西，但它没有用。

谢谢