JSFiddle - React, Tailwind, and code Playground

by Brunno Romero

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.css">
<fieldset>
<legend>jQuery-UI com a logica de não mostrar se selecionado</legend>
<input type="radio" title="" class="uiComLogicaArtigo" name="tl-group" /> Artigo 1<br>
<input type="radio" title="" class="uiComLogicaArtigo" name="tl-group" /> Artigo 2<br>
<input type="radio" title="" class="uiComLogicaArtigo" name="tl-group" /> Artigo 3<br>
</fieldset>

JavaScript

/*Seto o ui tooltip com a menssagem*/
$('.uiComLogicaArtigo').tooltip({
  content: "Clique aqui para ver o resumo do artigo."
});

/*logica para o UI*/
/*verifico se o radio está selecionado, se estiver eu fecho o tooltip*/
$('.uiComLogicaArtigo').on( "tooltipopen", function( event, ui ) {
	if($(this).is(':checked'))
  	$(this).tooltip( "close" );  
});