On 8/17/2011 12:08 PM, Ian Piper wrote:
Hi all,
I have a problem with the text within an accordion on this test page:
http://www.ianmathie.com/reviews_accordion.htm
The first four review headings, when clicked, open up to display the body text
first at one width, and then, when the accordion is open, jump to another
width. It is only the first few, and I'm pretty sure that the problem is to do
with the picture_left style that I'm using for the thumbnail book cover to the
left. The jump in width seems to be the same as the width of the image, and it
is only the headings displayed within the height of the image that do the
jumping (i.e. lower reviews open immediately at the correct width). Can anyone
suggest what I have done wrong here?
The jumping occurs even if every CSS rule on your page is disabled,
which indicates the problem is with your script. jQuery accordions are
strange beasts and typically not very refined unless considerable custom
scripting is added. Apparently it is a known issue:
http://dev.iamntz.com/40/jquery-ui-accordion-jump-bug
For the heck of it, try out this custom-scripted accordion (ours) and
you'll likely see a bit more refinement:
http://www.projectseven.com/products/tools/accordion2/examples-options/cat03-01.htm
I'm fairly certain we are not the only outfit with high quality
standards for CSS and scripting, so you might be able to find a more
refined free accordion. Perhaps a third-party jquery plugin, or mootools.
--
Al Sparber - PVII
http://www.projectseven.com
The finest Dreamweaver Menus | Galleries | Widgets
Since 1998
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/