PDA

View Full Version : Dreamweaver Spry Accordion in IE can't hide the content


kbunchang
12-07-2011, 06:56 PM
Hello,

I do some spry accordion in Dreamweaver, it open correctly in firefox,
but under IE , all content parts was all open,

code as following:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 1</div>
<div class="AccordionPanelContent">Content 1</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 2</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 3</div>
<div class="AccordionPanelContent">Content 3</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 4</div>
<div class="AccordionPanelContent">Content 4</div>
</div>
</div>
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
//-->
</script>
</body>
</html>

Anyone can help? :cry::cry:

Thanks

kbunchang
12-08-2011, 05:53 PM
Sorry i forgot to put the result layout images,
I open with Firefox was ok, but in IE all content will all stay open like this :
http://mail.aol.com/35138-111/aol-6/en-us/mail/get-tmpimg.aspx?id=AOLP.287576&h=d05



Here is my code,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 1</div>
<div class="AccordionPanelContent">Content 1</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 2</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 3</div>
<div class="AccordionPanelContent">Content 3</div>
</div>
</div>
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1");

//-->
</script>
</body>
</html>

anyone can help me? thanks

Corrosive
12-08-2011, 06:19 PM
Moved to Spry board

kbunchang
12-10-2011, 06:15 PM
Looks like post image was fail:

http://i1226.photobucket.com/albums/ee415/kbunchang/Accordion_Open.jpg


Anyone can help?