title: Knockout: How do I toggle visibility of multiple divs on button click?
body: <p>I want to toggle visibility of multiple divs using knockout. Below is the rough idea of my problem -</p>
  
  <pre><code>&lt;button&gt;Button 1&lt;/button&gt;
  &lt;button&gt;Button 2&lt;/button&gt;
  &lt;button&gt;Button 3&lt;/button&gt;
  
  &lt;div&gt; Div 1 &lt;/div&gt;
  &lt;div&gt; Div 2 &lt;/div&gt;
  &lt;div&gt; Div 3 &lt;/div&gt;
  </code></pre>
  
  <p>By default, 'Div 1' should be visible.</p>
  
  <p>When I click individual buttons it should display only the related divs based on the buttons clicked.</p>
  
  <p>I have gone through the Knockout live examples but not getting how to do this efficiently.</p>
  
  <p>Please help!</p>