JSFiddle - React, Tailwind, and code Playground

HTML

<div class='before'>before</div>
<div class='after'>after</div>
<div class='before'>before</div>
<div class='before'>before</div>
<div class='before'>before</div>

CSS

.after{
    background: #f00
}

JavaScript

$('.before').on('click', function() {
  afterfunction(this);
});

function afterfunction(el) {
  var afterdiv = "<div class='after'>afasdfter</div>";
  $('.after').remove();
  $(el).after($(afterdiv));
}