title: jQuery: how to hide TableTools buttons programmatically
body: <p>I am using the latest version of the jQuery plugins DataTables and TableTools (source: <a href="https://datatables.net/extensions/tabletools/" rel="nofollow noreferrer">https://datatables.net/extensions/tabletools/</a>). </p>
  
  <p>I have set this up to show two of the standard buttons, one to select all rows and one to deselect all of them. 
  So far everything works as intended. </p>
  
  <p>Now I would like to add a simple button to my page to hide these two buttons programmatically. 
  <strong>Investigating them in Firebug shows the following:</strong> </p>
  
  <pre><code>&lt;div class="DTTT_container"&gt;
      &lt;a id="ToolTables_queueTable_0" class="DTTT_button DTTT_button_text" title="select all rows"&gt;
          &lt;span&gt;Select All&lt;/span&gt;
      &lt;/a&gt;
      &lt;a id="ToolTables_queueTable_1" class="DTTT_button DTTT_button_text DTTT_disabled" title="deselect all rows"&gt;
          &lt;span&gt;Deselect All&lt;/span&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Based on this I tried to hide them both using the class "DTTT_button" and using the unique IDs but in both cases I am unable to do so.</strong> </p>
  
  <pre><code>$('#myButton').on('click', function() {
      $('.DTTT_button').hide();
  });
  
  $('#myButton').on('click', function() {
      $('#ToolTables_queueTable_0').hide();
      $('#ToolTables_queueTable_1').hide();
  });
  </code></pre>
  
  <p>Does anyone know a way to achieve this with a different approach?</p>