How to hide title when radio is selected?

Question

I want to put a list of articles on my website and I want it to have the name and a short description of each article next to a radio. When the radio belonging to an article is clicked, a description of the article appears. This is already working.

But I want to use descriptive text on the radios so that when the mouse pointer passes over each one, the instruction comes up saying something like "Click here to see the summary of the article". On each radio, I did it this way:

<input type="radio" title= "Clique aqui para ver o resumo do artigo." />

So far so good, but I would like that, when a radio is clicked, this no longer displays the message in title, in case the mouse pointer passes over it. In other words, I would like the title attribute to be removed from the radio in question when the radio is clicked. When another radio is clicked the same as described above should happen to it and what was previously clicked, it should receive the title attribute back.

I’m starting to use Jquery and I can’t do much. Even the closest thing I could do was this down here - but it’s not working as expected - based on the example that found.

HTML:

<input type="radio" title="Clique aqui para ver o resumo do artigo." name="tl-group" /> Artigo 1
<br>
<input type="radio" title="Clique aqui para ver o resumo do artigo." name="tl-group" /> Artigo 2
<br>
<input type="radio" title="Clique aqui para ver o resumo do artigo." name="tl-group" /> Artigo 3
<br>

Javascript:

(function() {
  var ConteudoTitle = $("input").attr("title");
  $('input[type=radio]').change(function() {
    var input = $(this);

    if (input.attr("title") === ConteudoTitle) {
      input.removeAttr("title")
    } else {
      input.attr("title", ConteudoTitle);
    }    
  });
})();

Answer 1

A simple solution would be to use the .attr, set a class to change only the radio we want:

/*Pego o evento de alteração nos seus radios*/
$('.radioArtigo').change(function() {
  /*seto a mensagem para todos*/ 
  $('.radioArtigo').attr('title', 'Clique aqui para ver o resumo do artigo.'); 
  /*Removo a mensagem do selecionado*/
  $(this).attr('title', '');  
});

Follows the jsfiddle.