title: Need Help to show multiple div by a radio button in angular js
body: <p>I need some help to show multiple data by clicking a radio button.</p>
  
  <p>My code: html</p>
  
  <pre><code>&lt;input type="radio" ng-model="opportunity" name="buy" value="buy"&gt;Buy
  &lt;input type="radio" ng-model="opportunity" name="services" value="services"&gt;Services
  &lt;input type="radio" ng-model="opportunity" name="social" value="social"&gt;Social
  
  &lt;div ng-show="isShown('buy')"&gt; Test1 &lt;/div&gt; // when radio button 1 is active
  &lt;div ng-show="isShown('services')"&gt; Test2 &lt;/div&gt; // when radio button 2 is active
  &lt;div ng-show="isShown('social')"&gt; Test3 &lt;/div&gt; // when radio button 3 is active
  
  &lt;div ng-show="isShown('buy')"&gt; Test4 &lt;/div&gt; // when radio button 1 is active
  &lt;div ng-show="isShown('services')"&gt; Test5 &lt;/div&gt; // when radio button 2 is active
  &lt;div ng-show="isShown('social')"&gt; Test6 &lt;/div&gt;// when radio button 3 is active
  </code></pre>
  
  <p>Angular Js:</p>
  
  <pre><code>$scope.opportunity = '';
  
  $scope.isShown = function(opportunity) {
  return opportunity === $scope.opportunity;
  };
  </code></pre>
  
  <p>When I run this code Test1 or Test2 or Test3 is shown. But Test4, Test5, Test6 will not show. How can I solve this problem</p>