title: Knockout: Toggle table visibility inside foreach div
body: <p>I have the following basic structure.  I need to be able to toggle the visibility of the each table individually.  Classes don't seem to work, since it would toggle all with the same class.  There are an unknown number of items so there is an unknown number of outer divs and I don't know the id as it isn't unique.</p>
  
  <pre><code>&lt;div data-bind="foreach: items"&gt;
      // Other pieces of data here...
  
      &lt;button data-bind="click: myToggleFunction"&gt;Hide/Show&lt;/button&gt; // This could be image, link or whatever to trigger toggle
      &lt;table&gt;  // Need to toggle tables individually
          //Rows and columns here bound to the elements of each "item"
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Just not sure how to have it determine which table it's trying to toggle.</p>