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').click(function () {
            $(this).siblings('.edit-section').attr('contenteditable', 'true');
            $(this).siblings('.edit-section').attr('style', 'border:2px solid;');
            $(this).attr('style', 'display:none;');
            $(this).siblings('.done').attr('style', 'display:li;');
           
    
        });

 $('.done').click(function () {
        $(this).siblings('.edit-section').attr('contenteditable', 'false');
        $(this).siblings('.edit-section').attr('style', 'border:none;');
        $(this).attr('style', 'display:none;');
        $(this).siblings('.edit').attr('style', 'display:li;');
        
    });