title: angularjs:show div when clicked on text field in ng-repeat
body: <p>I am displaying add/remove text field in angularjs using ng-repeat method</p>
  
  <pre><code>app.controller('myCtrl',function($scope){
  
   $scope.items = [];
  
   $scope.addItems = function(){
        $scope.items.push({
            title:null
          });
   }
  
   $scope.removeItem = function(index){
        $scope.items.splice(index,1)
    }
  })
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div ng-repeat="item in items track by $index "&gt;
       //dynamic text field
       &lt;input type="text" ng-model="items[$index].title"&gt;
  
       &lt;div class="opt_btn_cls" ng-click="removeItem($index)"&gt;&lt;/div&gt;
  
       //show only when click on current textfield
       &lt;div &gt;item details&lt;/div&gt;
  
  &lt;/div&gt;
   &lt;div class="ans_opt_btn_add" ng-click="addItems();"&gt;
  </code></pre>
  
  <p>I would like to display a <code>div</code> when click on each textfield and it should be hide when other textfield clicks.</p>
  
  <p>How can i do it??</p>