title: ng-click open all the input. Can ng-directive helpful?
body: <p>When "reply" link is clicked it open all the input tags associated with ng-show. How can I change it to just open the adjacent input tag of "reply" link? Example as in Facebook when a reply is clicked it open only the adjacent input tag. The number of blockquote is infinite as data is going to come from backend. so how can we dynamically manage the blockquote?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>angular.module("myDiscuss", [])
    .controller("TabController", function() {
      this.tab = 0;
      this.subTab = 0;
      this.like = 0;
      this.selectLike = function(setTab) {
        this.like = setTab;
      };
      this.selectTab = function(setTab) {
        this.tab = setTab;
      };
      this.selectSubTab = function(setTab) {
        this.subTab = setTab;
      };
      this.isSelected = (function(checkTab) {
        return this.tab === checkTab;
      });
      this.isSelectedSub = (function(checkTab) {
        return this.subTab === checkTab;
      });
      this.isSelectedLike = (function(checkTab) {
        return this.like === checkTab;
      });
  
    });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="thumbnail" style="border-radius: 0px;" ng-controller="TabController as tabs"&gt;
    &lt;ul class="nav nav-pills"&gt;
      &lt;li role="presentation" ng-class="{ active:like === 1 }"&gt;
        &lt;a href ng-click="tabs.selectLike(1)" class="glyphicon glyphicon-thumbs-up"&gt;Helpful&lt;/a&gt;
      &lt;/li&gt;
      &lt;li ng-class="{ active:tab === 2 }"&gt;
        &lt;a href ng-click="tabs.selectTab(2)" class="glyphicon"&gt;Comment&lt;/a&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
    &lt;div class="panel" ng-show="tabs.isSelected(2)"&gt;
      &lt;blockquote&gt;
        &lt;img src="../images/cover.jpg" class="img-reponsive pull-left"&gt;
        &lt;div style="overflow: hidden;"&gt;
          &lt;h4&gt;Name&lt;/h4&gt;
          &lt;p&gt;.......&lt;/p&gt;
        &lt;/div&gt;
        &lt;div ng-show="tabs.isSelectedSub(3)"&gt;
          &lt;small&gt;....&lt;/small&gt;
        &lt;/div&gt;
        &lt;ul class="nav nav-pills"&gt;
          &lt;li ng-class="{ active:subTab === 3 }"&gt;
            &lt;a href ng-click="tabs.selectSubTab(3)" class="glyphicon "&gt;Helpful&lt;/a&gt;
          &lt;/li&gt;
          &lt;li ng-class="{ active:subTab === 4}"&gt;
            &lt;a href ng-click="tabs.selectSubTab(4)" class="glyphicon"&gt;Reply&lt;/a&gt;
          &lt;/li&gt;
        &lt;/ul&gt;
        &lt;div style="overflow:hidden" ng-show="tabs.isSelectedSub(4)"&gt;
          &lt;img src="../images/cover.jpg" class="img-reponsive pull-left"&gt;
          &lt;input class="col-sm-8 col-md-8 col-lg-11" type="text"&gt;
        &lt;/div&gt;
      &lt;/blockquote&gt;
      &lt;blockquote&gt;
        &lt;img src="../images/cover.jpg" class="img-reponsive pull-left"&gt;
        &lt;div style="overflow: hidden;"&gt;
          &lt;h4&gt;Name&lt;/h4&gt;
          &lt;p&gt;.......&lt;/p&gt;
        &lt;/div&gt;
        &lt;div ng-show="tabs.isSelectedSub(3)"&gt;
          &lt;small&gt;....&lt;/small&gt;
        &lt;/div&gt;
        &lt;ul class="nav nav-pills"&gt;
          &lt;li ng-class="{ active:subTab === 3 }"&gt;
            &lt;a href ng-click="tabs.selectSubTab(3)" class="glyphicon "&gt;Helpful&lt;/a&gt;
          &lt;/li&gt;
          &lt;li ng-class="{ active:subTab === 4}"&gt;
            &lt;a href ng-click="tabs.selectSubTab(4)" class="glyphicon"&gt;Reply&lt;/a&gt;
          &lt;/li&gt;
        &lt;/ul&gt;
        &lt;div style="overflow:hidden" ng-show="tabs.isSelectedSub(4)"&gt;
          &lt;img src="../images/cover.jpg" class="img-reponsive pull-left"&gt;
          &lt;input class="col-sm-8 col-md-8 col-lg-11" type="text"&gt;
        &lt;/div&gt;
      &lt;/blockquote&gt;
    &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Image when "reply" link is clicked:</p>
  
  <p><img src="https://i.stack.imgur.com/fY1gH.png" alt="Image when &quot;reply&quot; link is clicked"></p>