Animated Collapsible DIV v2.4 not working in Chrome

[jlagrav]

Hello everyone,
I'm working on a project and I am using the collapsible div (http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm). The page works fine in every browser except Chrome. I am not 100% sure what the problem is but I am pretty sure it is the collapsible div.

Here is the link to the page so you can see the source. All of the CSS is internal because that is what the project called for.

http://www.jlagrav.com/mtg/decklists_page.html

Thank you!

-Joey LaGravenese

[jscheuer1]

Doesn't work in IE 9 0r Firefox 6 either. As far as I know, there's no ui tag. Or, if there is, it's not for what it's used for on that page. Other browsers must be error correcting that for you (here and similar throughout the document):


<div id="container">
<div id="left">
<div id="standard_img"></div>
<div id="standard_decks">
<ul>
<li class="event_type"><a href="javascript:animatedcollapse.toggle('standard_open')">2011 Open Series</a>
<div id="standard_open" class="events">
<ui>
<li><a href="http://sales.starcitygames.com//deckdatabase/deckshow.php?&t%5BC1%5D=1&start_date=2011-08-21&end_date=2011-08-21&event_ID=19" target="_blank">8/20 Boston Open</a></li>
<li><a href="http://sales.starcit . . .

I think you want a ul tag for that. In any case, that fixes it. In a text only editor like NotePad do a case sensitive global search and replace on:

ui>

to:

ul>

[jlagrav]

Wow, that was pretty dumb of me, thanks for pointing that out. Late night typos.