<HTML><BODY style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space; ">CLAI - thats what I ment. Weird, because Explorer (6 at least) does not seem to suffer from this problem. I think there must be a way to cancel an slide down effect. I read somewhere about the function .cancel(). I tried to assign the slide down effect like <DIV>myEffect = new Effect.SlideDown(divId, {duration:1});</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>When hitting the show/hide image again I have a myEffect.cancel(); in my java script. But this does not seem to have the desired effect (=cancel and unset the current effect object).</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>I will get back when I have a solution.</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>/frank</DIV><DIV><BR class="khtml-block-placeholder"><DIV><DIV><DIV><DIV>8 jan 2007 kl. 18.31 skrev Aaron Bassett:</DIV><BR class="Apple-interchange-newline"><BLOCKQUOTE type="cite"><BR>Just to let you know on FF2 win 2k it fails the CLAI (Click Like An Idiot) test.<BR>Any kind of rapid clicking (even a double click) breaks it, the content expands but the container doesn't, neither does the item below it move so you get a weird overlap. <BR><BR><BR><DIV><SPAN class="gmail_quote">On 1/8/07, <B class="gmail_sendername">tedd</B> &lt;<A href="mailto:tedd@sperling.com">tedd@sperling.com</A>&gt; wrote:</SPAN><BLOCKQUOTE class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;"> At 11:34 AM +0100 1/8/07, Frank Arensmeier wrote:<BR>&gt;<BR>&gt;&lt;<A href="http://www.nikehydraulics.se/downloads/leaflets_gb.php">http://www.nikehydraulics.se/downloads/leaflets_gb.php</A>&gt;<A href="http://www.nikehydraulics.se/downloads/leaflets_gb.php"> http://www.nikehydraulics.se/downloads/leaflets_gb.php</A><BR>&gt;<BR>&gt;Click on one of the categories e.g. "Automotive tools". When the div<BR>&gt;slides down, it has a really annoying margin at the bottom (the <BR>&gt;larger the content, the larger the bottom margin). When the div is<BR>&gt;expanded, the divs below are pushed into the correct positions.  I<BR>&gt;might also say that I have noticed this behavior in Safari 2.0.4, <BR>&gt;Firefox 2 and Opera 9.02 (all Mac versions). MS Explorer 6 on PC<BR>&gt;works as aspected.<BR>&gt;<BR>&gt;Besides that, when "canceling" an effect by hitting the show/hide<BR>&gt;triangle once more, Safari (at least) will not push the divs below <BR>&gt;to the proper positions. Instead, divs below will overlap with the<BR>&gt;expanded div.<BR>&gt;Any ideas? I was not able to get any hints on the scriptaculous site.<BR>&gt;<BR>&gt;/frank<BR><BR>frank:<BR><BR>I run Mac OS 10.4.8 / Safari 2.0.4 and I don't see the problem you<BR>describe -- works good for me. But, you might check validation. Home<BR>is OK, but some of the other pages fail.<BR><BR>tedd<BR><BR>PS: Awesome site -- great work! <BR>--<BR>-------<BR><A href="http://sperling.com">http://sperling.com</A>  <A href="http://ancientstones.com">http://ancientstones.com</A>  <A href="http://earthstones.com">http://earthstones.com</A><BR>_______________________________________________ <BR>Javascript mailing list<BR><A href="mailto:Javascript@LaTech.edu">Javascript@LaTech.edu</A><BR><A href="https://lists.LaTech.edu/mailman/listinfo/javascript">https://lists.LaTech.edu/mailman/listinfo/javascript</A><BR> </BLOCKQUOTE></DIV><BR><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">_______________________________________________</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">Javascript mailing list</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><A href="mailto:Javascript@LaTech.edu">Javascript@LaTech.edu</A></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><A href="https://lists.LaTech.edu/mailman/listinfo/javascript">https://lists.LaTech.edu/mailman/listinfo/javascript</A></DIV> </BLOCKQUOTE></DIV><BR></DIV></DIV></DIV></BODY></HTML>