JSFiddle - React, Tailwind, and code Playground

HTML

<div class="edit-section">Hello</div> <a href='#' class="edit">Edit</a>

<button type="submit" style="display:none;" class="done">Done</button>

JavaScript

$('.edit,.done').click(function () {
     var section = $(this).siblings('.edit-section');
     var isEdit = $(this).is('.edit');
     section.prop('contenteditable',isEdit).css('border',isEdit?"2px solid":"none");
     $('.edit').toggle(!isEdit);
     $('.done').toggle(isEdit);
     if(isEdit){section.focus(); document.execCommand('selectAll',false,null); }
 });