Hvis du bruger en javascript library som jQuery kan det gøres meget nemt.
I sin simpleste form, kunne det se sådan her ud:
<div class="blogPost">
<div class="tools">
<a href="#" id="editLink">Rediger</a> -
<a href="#" id="cancelLink">Annuler</a>
</div>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nisi dolor, malesuada id sollicitudin at, posuere vel nibh. Duis non ultrices lectus. Sed ornare dolor vel ligula mattis molestie nec nec lorem. Donec rhoncus velit eget tincidunt ultrices. Fusce posuere vulputate tortor quis varius. Phasellus aliquet massa augue, egestas congue dui consequat sed. Aenean sodales, arcu vitae lacinia adipiscing, nulla nunc consequat purus, faucibus laoreet dolor elit pretium mauris. Sed a tortor ornare lacus vulputate rutrum. Donec et dapibus justo, eu tempor leo. Aenean sed feugiat arcu, non tincidunt augue. Mauris scelerisque velit ac lorem tincidunt porta. Pellentesque odio sem, aliquam sit amet pharetra et, ullamcorper ut neque.</p>
</div>
<div class="edit">
<form>
<textarea name="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nisi dolor, malesuada id sollicitudin at, posuere vel nibh. Duis non ultrices lectus. Sed ornare dolor vel ligula mattis molestie nec nec lorem. Donec rhoncus velit eget tincidunt ultrices. Fusce posuere vulputate tortor quis varius. Phasellus aliquet massa augue, egestas congue dui consequat sed. Aenean sodales, arcu vitae lacinia adipiscing, nulla nunc consequat purus, faucibus laoreet dolor elit pretium mauris. Sed a tortor ornare lacus vulputate rutrum. Donec et dapibus justo, eu tempor leo. Aenean sed feugiat arcu, non tincidunt augue. Mauris scelerisque velit ac lorem tincidunt porta. Pellentesque odio sem, aliquam sit amet pharetra et, ullamcorper ut neque.
</textarea><br>
<input type="submit" value="Gem">
</form>
</div>
</div>
<script type="text/javascript">
$(".blogPost #editLink").on("click", function() {
$(".blogPost .content").hide();
$(".blogPost .edit").show();
})
$(".blogPost #cancelLink").on("click", function() {
$(".blogPost .edit").hide();
$(".blogPost .content").show();
})
</script>
Se eksempel her:
http://jsfiddle.net/9QNNu/