accordion not keyboard accessible?

accordion not keyboard accessible?

I could have sworn that the accordion widget was keyboard accessible, but right now, only the active header and it's contents is accessible.  I'm not able to tab to an inactive header and expand it - any ideas?

here's the code:

  1. <script type="text/javascript">
            $(document).ready(function(){
                    // Accordion
                    $("#accordion").accordion({ header: "h3"});


  2.          });
  3. </script>
  4. //....  
  5. <div id="accordion">     
        <div>
            <h3><a href="#">Administration</a></h3>
            <ul>
                <li><a href="#">admin 1</a></li>
                <li><a href="#">admin 2</a></li>                 
            </ul>
        </div>
        <div>
            <h3><a href="#">Reports</a></h3>
            <ul>
                <li><a href="#">report 1</a></li>
                <li><a href="#">report 2</a></li>              
            </ul>
        </div>
        <div>
            <h3><a href="#">Components</a></h3>
            <ul>
                <li><a href="#">component 1</a></li>
                <li><a href="#">component 2</a></li>              
            </ul>            
        </div>
        <div>
            <h3><a href="#">Missions</a></h3>
            <ul>
                <li><a href="#">mission 1</a></li>
                <li><a href="#">mission 2</a></li>              
            </ul>            
        </div>          
    </div>