JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="button" name="add_to_cart" id="3" class="button add_to_cart" value="Ajouter" /><div class="tooltip"  style="display:none;">Article ajoute</div>
<input type="button" name="add_to_cart" id="4" class="button add_to_cart" value="Ajouter" /><div class="tooltip"  style="display:none;">Article ajoute</div>
<input type="button" name="add_to_cart" id="5" class="button add_to_cart" value="Ajouter" /><div class="tooltip"  style="display:none;">Article ajoute</div>

CSS

.tooltip {
font-size: 10px;
color: #FFF000;
position: absolute;
padding: 3px 7px 3px 25px;
background: url(images/checkmark.png) 3px center no-repeat #1E90FF;
border: 1px solid #FFFFFF;
z-index: 9999;
}

JavaScript

$(document).ready(function(){
  $(".add_to_cart").on('click', function()
  {$('.tooltip').show(0).delay(300).hide(0);})})