leblender hide show region

hideshow.cshtml

@inherits UmbracoViewPage<Lecoati.LeBlender.Extension.Models.LeBlenderModel>


	@if (Model.Items.Any())
{
   var isFrontEnd = Lecoati.LeBlender.Extension.Helper.IsFrontEnd();
	foreach (var item in Model.Items)
        {
			var idNum = Guid.NewGuid();
			if(isFrontEnd){
			<div class="accordion accordion__interior">
				<div class="card">
    				<div class="card-header" id="heading-@(idNum)">
      					<h5 class="mb-0">
      					    <button type="button" data-toggle="collapse" data-target="#collapse-@(idNum)" aria-expanded="false" aria-controls="collapse-@(idNum)" class="collapsed">
                                @item.GetValue("hideShowTitle")
                            </button>
      					</h5>
    				</div>
    				<div id="collapse-@(idNum)" class="collapse" aria-labelledby="heading-@(idNum)">
      					<div class="card-body">
       			 			@Html.Raw(@item.GetValue("hideShowBody"))
						</div>
					</div>
				</div>
			</div>
			} else {
				<div style="background-color: #ddd; color: #000; padding: 6px 4px;"><i class="fa fa-plus-square"></i> @item.GetValue("hideShowTitle") [hide/show area]</div>
				<div style="padding: 6px 15px;">
					@Html.Raw(@item.GetValue("hideShowBody"))
				</div>
			}
		}
	
	
}