@extends('layouts.application')

@section('content')
  <div class="page-header">
    <h1>Events</h1>
  </div>
  <div class="panel-group" id="accordion-events">
    @foreach ($events as $key => $event)
      <div class="panel panel-default">
        <div class="panel-heading">
          <h4 class="panel-title">
            <a href="#event-{{ $event->id }}" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-events">
              {{{ $event->name }}}
            </a>
          </h4>
        </div>
        <div id="event-{{ $event->id }}" class="panel-collapse collapse {{ $key === 0 ? 'in' : '' }}">
          <div class="panel-body">
            {{ $event->description }}
          </div>
        </div>
      </div>
    @endforeach
  </div>
@stop
@extends('layouts.application')

@section('content')
  <div class="page-header">
    <h1>Events</h1>
  </div>
@stop
--- 
+++ 
@@ -4,4 +4,22 @@
   <div class="page-header">
     <h1>Events</h1>
   </div>
+  <div class="panel-group" id="accordion-events">
+    @foreach ($events as $key => $event)
+      <div class="panel panel-default">
+        <div class="panel-heading">
+          <h4 class="panel-title">
+            <a href="#event-{{ $event->id }}" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-events">
+              {{{ $event->name }}}
+            </a>
+          </h4>
+        </div>
+        <div id="event-{{ $event->id }}" class="panel-collapse collapse {{ $key === 0 ? 'in' : '' }}">
+          <div class="panel-body">
+            {{ $event->description }}
+          </div>
+        </div>
+      </div>
+    @endforeach
+  </div>
 @stop
Add accordion to events page
