I'm trying to have a carousel with next/previous buttons that cycle through a group of content.

I can get one of the collection items to show but I'm not doing the Next function in the correct way. Can anyone assist on the proper syntax for next and previous in a collection?

<div class="container-full bggray">
    <article>
        <div class="container">
            Case Studies

            {{ collection:case-studies taxonomy:tags="change" limit="1" }}

            <h3>{{ title }} </h3>

            {{ challenge_description }}
            <hr>
            <ul>
                {{ solution }}
                <li>
                    {{ value }}
                </li>
                {{ /solution }}
            </ul>
            <hr>
            <ul>
                {{ results }}
                <li>
                    {{ value }}
                </li>
                {{ /results }}
            </ul>
        </div>
</div>

{{ collection:next in="case-studies" wrap="true" }}
<a href="{{ url }}">{{ title }}</a>
{{ /collection:next }}