JSFiddle - React, Tailwind, and code Playground

HTML

<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>
<div class="blogPost">
  <div class="tools">
    <a href="#" id="editLink">Rediger</a> -
    <a href="#" id="cancelLink">Annuler</a>
  </div>
  <div class="content">
     ...

CSS

a {
    color: inherit;
}

.blogPost {
    background: #eee;
    padding: 10px;
    margin-bottom: 10px;
}

.blogPost .tools {
    margin-bottom: 10px;
}

.blogPost p {
    margin: 0;
}

.blogPost .edit {
    display: none;
}

.blogPost .edit textarea {
    width: 300px;
    height: 200px;
}

JavaScript

$(".blogPost #editLink").on("click", function() {
  $(this).parents(".blogPost").find(".content").hide();
  $(this).parents(".blogPost").find(".edit").show();
})

$(".blogPost #cancelLink").on("click", function() {
  $(this).parents(".blogPost").find(".edit").hide();
  $(this).parents(".blogPost").find(".content").show();
})