Gentlemen,
In the mean time I solved the issue to 90% ... I used <THEAD> and
<TBODY> and added the toggle effect to the <TBODY> element. So this is
now working. What is still not working is when I try to add an effect
like:
$(this).parents(".project:first").find(".content").toggle('blind');
I tried several effects and included all required js files. The toggle
is still working with that code but there is no effect visible, any
idea why's that?
Thanks a lot!
On 7 Jan., 09:30, Crasher <[email protected]> wrote:
> Hey, thanks for your quick response.
>
> No I don't use any themeroller CSS.. I have my own file. Is that a
> problem? I was thinking that too but then I did the simple test with
> the div where it worked without any issue..
>
> On 6 Jan., 22:09, Beaver6813 <[email protected]> wrote:
>
>
>
> > Have you got all of the themeroller CSS in use or is it independant?
>
> > --Sam
>
> > On Jan 6, 3:54 pm, Crasher <[email protected]> wrote:
>
> > > 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!!- Zitierten Text ausblenden -
>
> > - Zitierten Text anzeigen -- Zitierten Text ausblenden -
>
> - Zitierten Text anzeigen -
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
