Scriptaculous accordion from stickman not working

hi,

I'm trying to get stickman's Scriptaculous Accordion control to work within my page, with no luck for quite a while now. I can see the headings for each accordion element but the content is invisible. The problem seems to be that the font-size style property stays at 0 for all accordion_content elements. My HTML page is below:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>None</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">        
        <script src="javascripts/prototype.js" type="text/javascript"></script>
        <script src="javascripts/effects.js" type="text/javascript"></script>
        <script src="javascripts/accordion.js" type="text/javascript"></script>        
        <link href="stylesheets/accordion.css" media="screen" rel="stylesheet" type="text/css" />
    </head>
    <body onload="new accordion('vertical_container')">
        <div id="vertical_container" >
            <h1 class="accordion_toggle">First header</h1>
            <div class="accordion_content">yo</div>
            <h1 class="accordion_toggle">Title Bar</h1>
            <div class="accordion_content">shmo</div>
        </div>
    </body>
</html>

Any ideas on how to solve this?

ansaurus

tags:

views:

answers:

Scriptaculous accordion from stickman not working

related questions