编辑功能按钮和取消编辑按钮功能

因为初学，我找了一个小项目自己研究。

给这块显示区域添加纠错和取消按钮。当点击编辑按钮时，元素变成文本框形式，可编辑状态，然后通过ajax传给服务器，暂时还完成不了。当点击取消按钮后，回到最初的显示状态。就算在编辑状态时有文字修改时也恢复原始状态。

应该用怎样的思路去做？我最初想把内容输出给不同的div，然后通过隐藏，显示的方式修改，但是调试不成功。有没有高手给讲讲正确的思路，但是因为拿了别人的一套项目，所以里面好多东西看不懂。。