title: Inline colorbox group from multiple links
body: <p>I'm trying to run a colorbox group from a click event on a div (which also contains a child anchor link) to show hidden inline content. I've got it working correctly on the anchor link inside the div but I'm not sure how to have colorbox run from this anchor link AND/OR the click on the parent div. Heres my jquery.</p>
  
  <pre><code>$(".staffMemberWrap").click(function() {
      $(".inline").colorbox ({
          inline:true, 
          width:"510", 
          rel:'group1', 
          href: anchorHref, 
          current: "{current} of {total}"
      });
      var anchorHref = $(this).inline.find('a').attr('href');
  });
  </code></pre>
  
  <p>My div and child anchor code looks like this</p>
  
  <pre><code>&lt;div id="staff1" class="staffMemberWrap"&gt;
      &lt;div class="staffMemberName"&gt;&lt;a class='inline' href="#inline_content" rel="group1"&gt;&lt;strong&gt;Name Here&lt;/strong&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any help would be appreciated.</p>