PDA

View Full Version : Accordion Panels not funtioning correctly with a certain Doctype



bigalo
04-04-2008, 03:43 PM
1) Script Title: Accordion Content script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/ddaccordion.htm

3) Describe problem:

I'm trying to use the Accordion Content script within an adjustable width/height div which requires a certain Doctype to work (<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">). However, the Accordion does not expand/callapse smoothly. (It jerks on every expand/callapse). Is there anyway to fix this problem without changing the Doctype to <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">?

Here is the URL to the code:
http://www.geocities.com/bigalo1/sampleAccordion.html

Can anyone Help!

ddadmin
04-04-2008, 08:27 PM
Actually, even if I try using a valid strict doctype on your page, the menu still jerks when expanding/closing. This looks more like an issue with your CSS actually than doctype. Have you seen this thread: http://www.dynamicdrive.com/forums/showthread.php?t=31107

bigalo
04-07-2008, 02:24 PM
Hmmm. I am using IE 6.0 and it jerks for me. Are you using IE 6.0 to test? I looked at the post and I am doing anything mentioned in there. When I changed the doctype back to <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd"> it runs smoothly. Do you have any other suggestions?

ddadmin
04-08-2008, 05:05 AM
Hmm this is a strange one. The jolting occurs for me even in Firefox and IE7. I stripped most of the other scripts and tinkered with the CSS in hopes it would change something, but it didn't. Consider creating a fresh page with just this script on it, verify that it works with no jolting, then slowly add back the rest of your actual page content, checking each step if it continues to work.

bigalo
04-08-2008, 02:46 PM
Thanks! I will give that a try!

bigalo
04-08-2008, 02:52 PM
Hmm this is a strange one. The jolting occurs for me even in Firefox and IE7. I stripped most of the other scripts and tinkered with the CSS in hopes it would change something, but it didn't. Consider creating a fresh page with just this script on it, verify that it works with no jolting, then slowly add back the rest of your actual page content, checking each step if it continues to work.
Update:
I just took the <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> doctype and added it to the original script on http://www.dynamicdrive.com/dynamici...daccordion.htm and the jolting still ocurred. Do you have any other suggestions?