CMTA Real Estate - Accessibile Accordion

by freedawirl

HTML

<script src="//www.capmetro.org/js/a11yAccordion-0.3.1.min.js"></script>
<link rel="stylesheet" href="//www.capmetro.org/css/a11yAccordion.css">
<p> </p>
<p>Prior to contractor entering the Capital Metro Railroad Right-of-Way (ROW), Capital Metro <u>must</u> approve all access, activities and performance of any work within its ROW. All individual(s)/contractor(s) requiring access to the ROW <u>must</u> submit
  a complete application and secure an approved License Agreement and/or Permit prior to any work within the ROW. Each application is reviewed on a case by case basis.</p>
<p></p>
<p>Individual(s)/contractor(s) shall follow all safety requirements of Capital Metro. All workers performing work in the ROW <u>must</u> successfully complete the Capital Metro Roadway Worker Certification and maintain a valid certification card in their
  possession while working in the ROW.</p>
<p></p>
<p>Any work or any work involving equipment that has the potential of entering the “foul zone” (25 feet from the centerline of the nearest track) of the ROW is <u>prohibited</u> without the on-site presence of a qualified “Employee-In-Charge” (EIC). EICs
  are coordinated through and by Capital Metro Rail Operations.</p>
<p></p>
<p>Application and Application Fee should be mailed to the address indicated on the form. Please make check payable to Capital Metro Transportation Authority.</p>
<hr class="subtitle-sep" />
<p>For a step-by-step guide, please see below for <b>Capital Metro’s Application Process</b> to access Application, Permit and EIC Request forms, insurance requirements and additional information. </p>
<h2>
Capital Metro Application Process
</h2>
<p> Please allow 21-business days for Capital Metro Review <i>(Seee request types and steps to complete each one below:)</i>
</p>
<ul id="accordion1" class="a11yAccordion">
  <!-- Section 1 -->
  <li class="a11yAccordionItem" id="accordion1-row-0">
    <div class="a11yAccordionItemHeader light-a11yAccordion-header">
      <h3...

CSS

div.steps-content {
  padding: 15px;
  border: 1px dotted #999999;
}

ul.steps li {
  list-style-type: none;
}

ul.steps li h3 {
  margin: 0;
}

JavaScript

$(function($) {

       var accordion = new A11yAccordion({
         parentSelector: '#accordion1',
         hiddenLinkDescription: 'this is some row with data in first accordion'
       });

       //accordion.uncollapseRow(2);
     });