Thanks for the quick reply Al. Sadly the fix that you suggested doesn't seem to work, and neither do the other similar suggestions that your pointer led me towards. I will try some other accordion products to see whether they cope any better.
Ian. -- Dr Ian Piper Author of "Learn Xcode Tools for Mac OS X and iPhone Development", Apress, December 2009 Learn more here: http://learnxcodebook.com/ -- On 17 Aug 2011, at 17:19, Al Sparber wrote: > 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/ ______________________________________________________________________ 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/
