title: Hide/Show DIv with class ? Typical one with nested Div's
body: <p>I been trying for positioning functionality of my Table Tools toolbar in datatable . well i dropped the idea to do it just because its not possible i feel .</p>
  
  <p>Now i have had a Div with class contained in other div . I want to show.hide the particluar div on my button Click .</p>
  
  <p>My Html code :</p>
  
  <pre><code>&lt;div class="table-responsive"&gt;
    &lt;div id="myDataTable_wrapper" class="dataTables_wrapper" role="grid"&gt;
       &lt;div class="DTTT_container ui-buttonset ui-buttonset-multi"&gt;
       //i have my datatable html here 
       &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to hide and show Div class with DTTT_container on click .</p>
  
  <p>I tried like this :
  On my initial page rendering i am making DTTT_container as hidden using</p>
  
  <pre><code>&lt;style&gt;
  DTTT_container
  {
  visibility:hidden;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>Under My button click i have to hide/show .</p>
  
  <pre><code>$('#btnclick').click(function()
  {
  //I am unable to get correct logic to hide/show i.e toggling .
  });
  </code></pre>
  
  <p>Regards</p>