title: Changing Bootstrap tooltip content when shown
body: <p>Is there any way to change the content of a Bootstrap tooltip <em>when the tooltip is showing</em>?</p>
  
  <pre><code>$('.tooltip-inner').html(myContent);
  </code></pre>
  
  <p>is not good enough, since I have a number of tooltips on the page.</p>
  
  <p>Preferably, I'd want the ID of the tooltip div (generated by Bootstrap), but it's changing every time it's shown.</p>
  
  <p>The use-case is a small HTML game, where tooltips are used for showing resources in real-time.</p>
  
  <p><strong>Edit</strong>: Current solution: Define a variable <code>toggle</code>, set it to true when tooltips is shown and false when hidden using the Bootstrap tooltip events. Use <code>$('.tooltip-content').html(content)</code> when <code>toggle</code> is true.</p>