Accordion Property: Tabs

<div ng-controller="TabsSampleController">
    <tabset class="page-tabs">

        <tab>
            <tab-heading>About</tab-heading>
            <div ng-controller="AccordionSampleController">
                <accordion close-others="oneAtATime" class="page-accordion top">
                    <!-- <accordion-group>
        <accordion-heading class="lead">
          Apply now
          <span>Income, occupancy, preferences, and subsidies</span>
        </accordion-heading>

        <div class="content-section">
          Apply now yo!
        </div>
      </accordion-group> -->

                    <accordion-group>
                        <header class="content-lead">
                            <h2>Eligibility</h2>
                            <span>Income, occupancy, preferences, and subsidies</span>
                        </header>
                        <accordion-heading class="lead">
                            Eligibility
                            <span>Income, occupancy, preferences, and subsidies</span>
                        </accordion-heading>
                        <div class="content-section">
                            <p>This content is straight in the template.</p>
                        </div>
                    </accordion-group>

                    <accordion-group>
                        <header class="content-lead">
                            <h2>Features</h2>
                            <span>Amenities, unit details and additional fees</span>
                        </header>
                        <accordion-heading class="lead">
                            Features
                            <span>Amenities, unit details and additional fees</span>
                        </accordion-heading>
                    </accordion-group>

                    <accordion-group heading="Dynamic Body Content">
                        <p>The body of the accordion group grows to fit the contents</p>
                        <button class="button small" ng-click="addItem()">Add Item</button>
                        <div ng-repeat="item in items"></div>
                    </accordion-group>

                    <accordion-group is-open="isopen">
                        <accordion-heading>
                            I can have markup, too! <i class="right" ng-class="{'fa fa-chevron-down': isopen, 'fa fa-chevron-right': !isopen}"></i>
                        </accordion-heading>
                        This is just some content to illustrate fancy headings.
                    </accordion-group>
                </accordion>
            </div>
        </tab>

        <tab>
            <tab-heading>Apply</tab-heading>
            <div class="medium-right-column">
                <div class="content">
                    I've got an HTML heading, and a select callback. Pretty cool!
                </div>
            </div>
        </tab>
    </tabset>
</div>