Gridview with drill down

See more:

C#

ASP.NET

Javascript

jQuery

, +

hello people, I have an issue where I have lost a long time but I can not solve. I have two gridviews and each record (row) has a "+" which when clicked will change to "-" and adds a row below the line where you clicked the "+" and when clicked the "-" that line disappears. The line that appears below is the details of their information that is on the line that was clicked. I have code in jquery but when I click the "-" any line minimizes any row of gridview, so when I have a column with one of the symbols does not change when I click the image and in this case you can just add the line below.


Here is my jquery code:

<script type="text/jscript">
    $('.View').click(function()
    {
        $('#details').remove();
        var detailID=$(this).attr('data-id');

        $(this).closest('tr').after('<tr id="details"><td colspan="9"></td></tr>')
        $('#details td').load('Details.aspx?detail='+detailID+' #content');

    });
</script>

<script type="text/jscript">
    $('.Hide').click(function()
    {
        $('table td img.Hide').click(function(){     $(this).parent().parent().remove(); });
    });
</script>