JQGrid custom formatter edit link/button to show a cancel button

I am currently working with asp.net to develop a page where the user will interact with a jqgrid. I have a custom formatter in place which has displayed an edit/save link.

I currently have this

return "<a href='javascript:void(0)' class='anchor usergroup_name link' onclick=\"editRow('" + rowobject.id + "')\">" + 'edit' + "</a>" +" | "
              +"<a href='javascript:void(0)' class='anchor usergroup_name link' onClick=\"saveRow('" + rowobject.id + "')\">" + 'save' + "</a>";

How would I make it so when the user clicks the edit hyperlink, it would disappear, and a cancel one would appear?

Thank you for any help!!