Tooltip Meteor Blaze

help
1

Among my html code I use some info icons to provide some basic info by showing tooltips when hovering on them.
I use Meteor Blaze and tippy.js library and the code looks like below.
html ( in total I have 4 info icons shown to the user but have grouped them in two different classes):

<sup>
<a href="" class="fas fa-info cs-info"></a>
</sup>
...
<sup>
<a href="" class="fas fa-info cs-info"></a>
</sup>
..
<sup>
<a href="" class="fas fa-info price-info"></a>
</sup>
...
<sup>
<a href="" class="fas fa-info price-info"></a>
</sup>

And the corresponding template .js

Template.stepOne.onRendered(function(){


      tippy('.cs-info', {
        content: "some explanation Info 1",
      });

      tippy('.price-info', {
        content: "some explanation Info 2",
      });
    }

The content shown everywhere is static, and the problem I face is that I cannot make all 4 icons to be shown to the user. What is the problem here?

2

I had to move the

      tippy('.cs-info', {
        content: "some explanation Info 1",
      });

      tippy('.price-info', {
        content: "some explanation Info 2",
      });

into the template events functions