title: expand and open collapse depend on the value angular
body: <p>I am wonder how you can achieve a conditional situation that able to open one of the collapse.
  Say, I got some value, if country is CZ, I want to open collapse 1, else if country is USA, it should open collapse 2. </p>
  
  <pre><code>   &lt;div ng-controller="CollapseDemoCtrl"&gt;
  &lt;button class="btn" id="btn" ng-click="isCollapsed = !isCollapsed"&gt;CZ&lt;/button&gt;
  &lt;hr&gt;
  &lt;div collapse="isCollapsed"&gt;
      &lt;div&gt;CZ&lt;/div&gt; 
  &lt;/div&gt;
    &lt;/div&gt;
  
     &lt;div ng-controller="CollapseDemoCtrl"&gt;
  &lt;button class="btn" id="btn" ng-click="isCollapsed = !isCollapsed"&gt;USA&lt;/button&gt;
  &lt;hr&gt;
  &lt;div collapse="isCollapsed"&gt;
      &lt;div&gt; USA&lt;/div&gt; 
  &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>Here is the controller</p>
  
  <pre><code>  var app = angular.module('app', ['ui.bootstrap']);
  
    app.controller('CollapseDemoCtrl', function($scope) {
    $scope.isCollapsed = true;
  
    //not working code from here
    $scope.values = $document.getElementbyId('btn').innerHTML;
    if($scope.values==1)
    $scope.isCollaspe=false;
    });
  </code></pre>
  
  <p>I am really curious of what will the correct way to do it. Because my code currently does not perform the correct thing. Any suggestions?</p>
  
  <p>plunker: <a href="http://plnkr.co/edit/5l0lEC8oeTLy0ZL8XKO4?p=preview" rel="nofollow">http://plnkr.co/edit/5l0lEC8oeTLy0ZL8XKO4?p=preview</a></p>