On Oct 4, 2006, at 11:16, Mika Tuupola wrote:

> ** Example 1:
> http://www.appelsiini.net/~tuupola/jquery/slideupdown/ 
> slideupdown2.html
> ** Example 2:
> http://www.appelsiini.net/~tuupola/jquery/slideupdown/ 
> slideupdown3.html

Answering to myself here. It seems that calling slideDown() also sets  
elements absolute height in pixels. Thus any nested divs will be broken.

-cut-
<div id="folder-1" style="overflow: visible; display: block; height:  
240px;">
-cut-

Workaround for this would be using callback after slideUp/Down which  
removes the height. For example:

-cut-
     $("a.folder").toggle(function(e) {
        $(this).parent().next().slideDown('fast', function() {
            $(this).height('');
        });
     }, function(e) {
        $(this).parent().next().slideUp('fast', function() {
            $(this).height('');
        });
     });
-cut-

Working example:
http://www.appelsiini.net/~tuupola/jquery/slideupdown/slideupdown4.html


-- 
Mika Tuupola
http://www.appelsiini.net/~tuupola/



_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/

Reply via email to