Generic Accordion

<div class="accordion" id="accordion" role="presentation">
    <div id="category-one" class="accordion__item has-shadow">
        <div class="accordion__item-header" role="heading">
            <button class="accordion__toggle" aria-expanded="false" aria-controls="panel-659606484-0" id="heading-659606484-0" type="button">
                    <h3 class="heading heading--small">category one</h3>
                    <svg id="accordion__toggle-trigger-659606484-0" class="accordion__toggle-trigger" viewbox="0 0 24 24" width="24">
                        <path id="plus-659606484-0" d="M10.9 4.57h2V20h-2zM4.18 11.28h5.79v2H4.18zM13.83 11.28h5.79v2h-5.79z"/>
                        <path id="minus-659606484-0" d="M4.18 11.28h15.43v2H4.18z"/>
                    </svg>
                </button>
        </div>
        <div class="accordion__item-content" id="panel-659606484-0" role="region" aria-labelledby="heading-659606484-0" aria-hidden="true">
            content 1
        </div>
    </div>
    <div id="category-two" class="accordion__item has-shadow">
        <div class="accordion__item-header" role="heading">
            <button class="accordion__toggle" aria-expanded="false" aria-controls="panel-659606484-1" id="heading-659606484-1" type="button">
                    <h3 class="heading heading--small">category two</h3>
                    <svg id="accordion__toggle-trigger-659606484-1" class="accordion__toggle-trigger" viewbox="0 0 24 24" width="24">
                        <path id="plus-659606484-1" d="M10.9 4.57h2V20h-2zM4.18 11.28h5.79v2H4.18zM13.83 11.28h5.79v2h-5.79z"/>
                        <path id="minus-659606484-1" d="M4.18 11.28h15.43v2H4.18z"/>
                    </svg>
                </button>
        </div>
        <div class="accordion__item-content" id="panel-659606484-1" role="region" aria-labelledby="heading-659606484-1" aria-hidden="true">
            content 2
        </div>
    </div>
    <div id="category-three" class="accordion__item has-shadow">
        <div class="accordion__item-header" role="heading">
            <button class="accordion__toggle" aria-expanded="false" aria-controls="panel-659606484-2" id="heading-659606484-2" type="button">
                    <h3 class="heading heading--small">category three</h3>
                    <svg id="accordion__toggle-trigger-659606484-2" class="accordion__toggle-trigger" viewbox="0 0 24 24" width="24">
                        <path id="plus-659606484-2" d="M10.9 4.57h2V20h-2zM4.18 11.28h5.79v2H4.18zM13.83 11.28h5.79v2h-5.79z"/>
                        <path id="minus-659606484-2" d="M4.18 11.28h15.43v2H4.18z"/>
                    </svg>
                </button>
        </div>
        <div class="accordion__item-content" id="panel-659606484-2" role="region" aria-labelledby="heading-659606484-2" aria-hidden="true">
            content 3
        </div>
    </div>
</div>