JSFiddle - React, Tailwind, and code Playground

HTML

<section id="formations">

      <article>
        <div>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla rhoncus         volutpat facilisis. Integer gravida tempus nulla id tincidunt. Donec           suscipit.
        </div>
        <input class=tirette type="checkbox">
      </article>
      
      <article>
        <div>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla rhoncus         volutpat facilisis. Integer gravida tempus nulla id tincidunt. Donec           suscipit.
        </div>
        <input class=tirette type="checkbox">
      </article>
      
    </section>

CSS

#formations > article
{
  position: relative;
  width:300px;
  padding: 10px;
  transition:1s;
}


/* Tirettes */
    
.tirette
{
  width: 50px;
  height: 50px;
  position: absolute;
  right: -50px;
  top: 0;
  color:blue;
}

/* Animation */
 
.clicked
{
    margin-left:50px;
    width:200px;
 }

JavaScript

if ($(input[type="checkbox"]).is(":checked")) {
(':parent()').toggleClass('.clicked')
}