title: Angularjs -> ng-click and ng-show to show a div
body: <p>I am trying just to display a div when user press a button, seems to be easy, but after spent a lot of time I am getting really crazy with this. My code is </p>
  
  <p>My fiddle: <a href="http://jsfiddle.net/jmhostalet/4WK7R/1/" rel="noreferrer">http://jsfiddle.net/jmhostalet/4WK7R/1/</a></p>
  
  <pre><code>&lt;div ng-app&gt;
      &lt;div ng-controller="MyCtrl"&gt;
          &lt;div&gt;&lt;button id="mybutton" ng-click="showAlert()"&gt;Click me&lt;/button&gt;&lt;/div&gt;
          &lt;div&gt;Value: {{myvalue}}&lt;/div&gt;
          &lt;div&gt;&lt;div ng-show="myvalue" class="hideByDefault"&gt;Here I am&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and my controller</p>
  
  <pre><code>function MyCtrl($scope) {
  
    $scope.myvalue = false;
  
    $scope.showAlert = function(){
      $scope.myvalue = true;  
    };
  }
  </code></pre>
  
  <p>Thank you!</p>