title: Angular JS Send Element in Event
body: <p>Hopefully this is as easy as I think it is and my brain is just dead, but I can't find anyone doing this online.</p>
  
  <pre><code>&lt;div class="item" ng-repeat="group in groups"&gt;
        &lt;ion-item class="item-stable"
                  ng-click="toggleGroup(group)"
                  ng-class="{active: isGroupShown(group)}"&gt;
            &lt;i class="icon" ng-class="isGroupShown(group) ? 'ion-minus' : 'ion-plus'"&gt;&lt;/i&gt;
          &amp;nbsp;
          Group {{group.name}}
        &lt;/ion-item&gt;
        &lt;ion-item class="item-accordion"
                  ng-repeat="item in group.items"
                  ng-show="isGroupShown(group)"&gt;
          {{item}}
        &lt;/ion-item&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>example here: <a href="https://codepen.io/anon/pen/ORXWkp" rel="nofollow">https://codepen.io/anon/pen/ORXWkp</a></p>
  
  <p>Except I don't want to have the "group". There will only be one div at the top, so I need a way to send the div through the isGroupShown() methods. </p>
  
  <p>I want to reuse these methods elsewhere, so I am not wanting to get the element and change it that way. ie:</p>
  
  <pre><code>var multibutton = angular.element(element.getElementsByClassName("multi-files"));
  </code></pre>
  
  <p>and then use multibutton in the isGroupShown() methods.</p>
  
  <p>EDIT: Basically, I want to know the parent div of when these functions are run.</p>