Sound toggle dropdown

<div class="form-group sound-toggler-wrapper">
            <div>
                <a class="btn btn-primary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
                    Sounds
                </a>
                <div class="collapse" id="collapseExample">
                    <div class="card card-body">
                        <div class="custom-control custom-switch">
                            <input type="checkbox" class="custom-control-input" id="sound-correct-letter-toggler" v-model="data.soundCorrectLetterEnabled">
                            <label class="custom-control-label" for="sound-correct-letter-toggler">Correct Letter</label>
                        </div>
                        <div class="custom-control custom-switch">
                            <input type="checkbox" class="custom-control-input" id="sound-incorrect-letter-toggler" v-model="data.soundIncorrectLetterEnabled">
                            <label class="custom-control-label" for="sound-incorrect-letter-toggler">Incorrect Letter</label>
                        </div>
                        <div class="custom-control custom-switch">
                            <input type="checkbox" class="custom-control-input" id="sound-passed-threshold-toggler" v-model="data.soundPassedThresholdEnabled">
                            <label class="custom-control-label" for="sound-passed-threshold-toggler">Passed Threshold</label>
                        </div>
                        <div class="custom-control custom-switch">
                            <input type="checkbox" class="custom-control-input" id="sound-failed-threshold-toggler" v-model="data.soundFailedThresholdEnabled">
                            <label class="custom-control-label" for="sound-failed-threshold-toggler">Failed Threshold</label>
                        </div>
                    </div>
                </div>
            </div>
        </div>