jquery - 画像クリックでmvcテーブルのjqueryトグル

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();
    });
});

1 つの行の画像をクリックすると、行が正しく展開および折りたたまれます。

ただし、画像をクリックして複数の行を展開し、1 つの行をクリックして折りたたむと、展開されたすべての行が折りたたまれ、折りたたみに使用される画像は非表示になりません。

誰かがこれで私を助けることができますか？私は最も近いものや次のものをいくつか試しましたが、うまくいきませんでした。

ありがとう