[jquery-ui] Problem with jQuery UI / toggle / tables

[Crasher]

Hi everyone,

I'm new in this group and was not able to find a solution with the
search option. Maybe someone of you experts can help me out.

I try to work with the "toggle" effect (http://jqueryui.com/demos/
toggle/)

So what I have right now is a table:

<table cellpadding="0" cellspacing="0" class="project" border="0">
        <tr>
                <th class="icon" colspan="2">
                        <img src="/gfx/icon_project_running.png" alt="Projects 
Canceled" />
                </th>
                <th class="title" colspan="3">
                        Projectname
                </th>
                <th class="date" colspan="3">
                        10.12.2009<span class="arrow_up"></span>
                </th>
        </tr>
        <tr class="content">
                <td class="placeholder_left"></td>
                <td class="icon">
                        <img src="/gfx/icon_checkbox_open.png" alt="Task 
completed" />
                </td>
                <td class="task">
                        Task
                </td>
                <td class="date">
                        05.09.2010
                </td>
                <td class="statusbar">
                        <img src="/gfx/project_statusbar.png" alt="Project 
status" />
                </td>
                <td class="status">
                        100%
                </td>
                <td class="user">
                        name
                </td>
                <td class="placeholder_right"></td>
        </tr>
        <tr>
                <td class="placeholder_left"></td>
                <td colspan="6" class="bottom"></td>
                <td class="placeholder_right"></td>
        </tr>
</table>

Plus the script I got from the page... at least how I understood it:

<script type="text/javascript">
$(function() {

        $(".arrow_up").click(function() {
                        
$(this).parents(".project:first").find(".content").toggle();
                });

});
</script>

At the end this is working to 50% ... when I click on the "arrow_up"
the <tr> with all content in it is disappering. But then when I click
the "arrow_up" again just nothing is happening. I did a simple test
and created somewhere in my table this div:

<div class="content">dsfjhsdjfh</div>

And here the toggle worked without any issues...

Any ideas??

Thanks for your help guys!!

-- 
You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to 
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en.