Trying my luck over here because I am not getting any love in the
jquery ui mailing list.

I am getting a strange behavior with Firefox using the accordion. This
works fine in all other browsers including Internet Explorer. First,
let me describe my setup.

Firefox 3 (Tested in OS X and Windows, same behavior)
jQuery 1.3.
jQuery UI 1.7

Relevant screenshots:
Normal- http://www.jasonism.org/media/normal.png
Broken- http://www.jasonism.org/media/broken.png

Corresponding code:
$(function() {
                $("#accordion").accordion({
                    autoHeight: false,
                    alwaysOpen: false,
                    collapsable: true,
                        header: 'h3',
                        active: false
                });
        });

If you take a look at the above screenshots you will notice a tree.
This tree is a background image. Whenever I click on one of the
accordion tabs, it in turns drops down everything underneath of it to
make room for the content as it should. But the problem I am seeing is
with the tree creating a stuttering effect. I know this may not be
something I can personally fix and may just be a bug. But I thought I
would start here. Thanks for any help you may be able to provide.

I still have not been able to fix this. I tried a different solution
where I made the tree an absolute image and put a z-index the middle
container. This solved the problem for most browser but on
the 2 pages I am using the accordion UI. In internet explorer the
images z-index gets messed up and it does not show up at all. I would
really love for the first solution to work. It is strange that this
only happens in Firefox.

Reply via email to