title: How to display or hide the div through binding
body: <p>For Eg:</p>
  
  <p>In viewModel,</p>
  
  <pre><code>//Makes webApi call to get the data from some repository
  function GetData() {
              var data = http.get(apiUrl)
              .success(function (result) {
                   if (result != null || result !='')
                   {
                      // success display the data
                      vm.dataDisplay;
                   }
                 else {
                      vm.errorMsg('No data');
  
                  }
              })
  </code></pre>
  
  <p>//viewModel</p>
  
  <pre><code> var vm = {
              activate: activate,
              dataDisplay: ko.observableArray(),
              errorMsg:ko.observable(''),
             };
          vm.activate();
          return vm;
  </code></pre>
  
  <p>//view.
  Expected.</p>
  
  <pre><code>If( errorMsg == 'No Data')
  {
  // show errordata div and hides displayData div
  &lt;div class="errorData" data-bind="text:errorMsg"/&gt;
  }
  else
  {
  // Show displayData div and hide errorData div
  &lt;div class="displayData" data-bind="text:dataDisplay" /&gt;
  }
  </code></pre>
  
  <p>How to implement this through binding??</p>
  
  <p>I can use ko attr or visible.
  But my requirement is to hide/show through binding only.
  Please suggest me how to do this?
  Thanks in Advance.</p>