Hello,

I'm creating an accordion with nested content, to allow the website editors to add their own content using accordions, I've created the nested content and added the partial view to the page but I'm getting the following error;

Encountered end tag "div" with no matching start tag. Are your start/end tags properly balanced?

Here is my code below;

@inherits Umbraco.Web.Mvc.UmbracoViewPage
@using ContentModels = Umbraco.Web.PublishedModels;

@using Umbraco.Web.Models


<div>Accordion View</div>
@{
    /**/

    var accordionList = Model.Value<IEnumerable<IPublishedElement>>("accordionNested");
}

<div>@accordionList.Count()</div>

@foreach (var panel in accordionList)
{
<div data-delay="600" class="accordion-item w-dropdown">
    <div class="accordion-toggle w-dropdown-toggle" data-ix="accordion-open-close">
        <div class="accordian-arrow w-icon-dropdown-toggle"></div>
        <div class="@Model.Value("accordionTitle")</div>
    </div>
    <nav class="accordion-body w-dropdown-list">
        <div class="accordion-content">
            <p>@Model.Value("accordionContent")</p><a href="#" class="faq-btn w-button">Read More </a>
        </div>
    </nav>
</div>
    }

Any idea what I'm doing wrong?

Thanks

Matt