Я очень новичок в HTML Bootstrap и т. Д. Я пытаюсь создать боковую строку меню, в которой меню - это месяц определенного года, и в его раскрывающемся списке должно быть указано имя события, произошедшее в эти месяцы.,и всякий раз, когда пользователь нажимает на какие-либо события, информация об этом событии должна отображаться в центре страницы, эта информация представлена в виде видео на YouTube, которое я показываю в фрейме.Но то, что я получаю, не имеет значения, нажимает ли пользователь или не нажимает на какое-либо событие, на странице отображаются все видео одно за другим.
Я использую данные весны в качестве бэкенда и jsp дляпредставление, используя JSTL c: foreach tag
код выглядит следующим образом.
<div class="row">
<!-- Sidebar Column -->
<div class="col-md-3">
<div class="list-group">
<c:forEach items="${show.months}" var="month">
<a class="list-group-item">${month.name}</a>
<c:forEach items="${month.events}" var="event">
<a class="list-group-item">${event.event_name}</a>
</c:forEach>
</c:forEach>
и код для отображения iframe выглядит следующим образом
<div class="col-md-9">
<c:forEach items="${show.months}" var="month">
<h2>${month.name}</h2>
<c:forEach items="${month.events}" var="event">
${event.event_link}
</c:forEach>
</c:forEach>
<br><br>
</div>
Iзнаю, это очень непростой код, но я действительно застрял здесь, не могли бы вы помочь мне?