jQuery .click - How to check for div click, image click or <td> click
<p>Im using <a href="http://www.jankoatwarpspeed.com" rel="nofollow">http://www.jankoatwarpspeed.com</a>'s expand a row jQuery code <a href="http://www.jankoatwarpspeed.com/examples/expandable-rows/" rel="nofollow">(Link to the creator's site)</a> and it works great except I have links in my table. When a link in the table is clicked it expands the row. It does go to the link but it might give the user the impression that they mis-clicked the link so I would rather have them click the arrow image only. Here is the code:</p>

<pre><code>&lt;script type="text/javascript"&gt;  
            $(document).ready(function(){
                $("#blue_table_expand_small_spacing tr:odd").addClass("odd");
                $("#blue_table_expand_small_spacing tr:not(.odd)").hide();
                $("#blue_table_expand_small_spacing tr:first-child").show();

                $("#blue_table_expand_small_spacing tr.odd").click(function(){
                    $(this).next("tr").toggle();
                    $(this).find(".arrow").toggleClass("up");
                });
                //$("#blue_table_expand_small_spacing").jExpand();
            });
    &lt;/script&gt;        
</code></pre>

<p>This is the table html - not complete of course. This div has an arrow image in it , a .png:</p>

<pre><code>&lt;td class="clicked_arrow"&gt;&lt;div class="arrow"&gt;&lt;/div&gt;&lt;/td&gt;
</code></pre>

<p>If I change the javascript to the following the arrow flips but the next row no longer expands. </p>

<pre><code>$("#blue_table_expand_small_spacing tr.odd td.clicked_arrow").click(function(){
</code></pre>

<p>Any help would be greatly appreciated!</p>
