title: Angular ng-show doesn't seem to be working properly
body: <p>I have a range of divs which need to be displayed depending on whether a variable is true or false. The code for the divs are as follows:</p>
  
  <pre><code>&lt;div ng-show="pages.quantity"&gt;&lt;/div&gt;
  &lt;div ng-show="pages.frontSelect"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and a button which should toggle whether they are shown or not</p>
  
  <pre><code> &lt;a class="personalise" ng-click="updatePage('quantity','frontSelect')"&gt;
   &lt;p&gt;Personalise Front &lt;i class="fa fa-caret-right"&gt;&lt;/i&gt;&lt;/p&gt;&lt;/a&gt;
  </code></pre>
  
  <p>The updatePage function is as follows:</p>
  
  <pre><code>$scope.updatePage = function (hide, show) {
          switch (show) {
              case "frontSelect":
                  $scope.pages.frontSelect = true;
                  break;
          }
  
          switch (hide) {
              case "quantity":
                  $scope.pages.quantity = false;
                  break;
          }
  
  
      }
  </code></pre>
  
  <p>When I click the button, the first div disappears, but the second div does not appear. </p>
  
  <p>I cannot work out why the second div does not appear on click. Can anyone assist? Through debugging, I can see that the values are indeed changed to false / true respectively, but the second div does not appear.</p>
  
  <p>Please note there will be a series of div's not just two, which is why the function is set up as it is, and will be expanded on.</p>