title: How do I get access to event.target in jquery event?
body: <p>I have the following angularJS markeup:</p>
  
  <pre><code>&lt;article ng-controller="GalleryListCtrl"&gt;
  &lt;details ng-repeat="gallery in galleries" gallery-repeat-directive&gt;
      &lt;summary&gt;{{gallery.name}}&lt;/summary&gt;
      &lt;div class="image-gallery"&gt;
          &lt;div ng-repeat="child in gallery.children"&gt;
              &lt;img src="/Album/Image/{{gallery.name}}/Thumbnail/{{child}}" onclick="previewImage(this);" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/details&gt;
  </code></pre>
  
  <p></p>
  
  <p>When this markup loads I have an event that hides the divs:</p>
  
  <pre><code>var stephensApp = angular.module('stephensApp', ['ngResource', 'ngSanitize'])
  .directive('galleryRepeatDirective', function ($timeout) {
      return {
          link: function (scope, element, attr) {
              if (scope.$last === true) {
                  $timeout(function () {
                      scope.$emit('ngRepeatFinished');
                  });
              }
          }
      }
  });
  </code></pre>
  
  <p>In the event handler I have the following code:</p>
  
  <pre><code>    $scope.$on('ngRepeatFinished', function (ngRepeatFinishedEvent) {
      if (! isChrome()) {
          $('details div:first-of-type').hide();
          $('details').bind('click', function (event) {
              console.log(event);
              $(event.target).find('div').first().show();
          });
      }
  });
  </code></pre>
  
  <p>In my Firefox browser, I am getting the div to hide correctly, but when I click the details, the log entry writes to the debugger, so I know the event is firing.  But I cannot make the div show again.   How do I find the div for the clicked on details tag?</p>