.container
  .row
    .col-md-12
      .page-header
        %h2 Upcoming Conferences
  - @current.each do |conference|
    = render :partial => "conference_details", :locals => {:conference => conference}
  -if @antiquated and @antiquated.any?
    .row
      .col-md-12
        %p.text-right
          %button{:type=>"button", :class=>"btn btn-link btn-sm", "data-toggle"=>"collapse", "data-target"=>"#antiquated", "aria-expanded"=>"true", "aria-controls"=>"antiquated"}
            Older conferences
            = "(#{@antiquated.count})"
            %i.fa.fa-chevron-right
            %i.fa.fa-chevron-down{:style => 'display: none'}
    #antiquated.collapse
      - @antiquated.each do |conference|
        = render :partial => "conference_details", :locals => {:conference => conference}

:javascript
  $('#antiquated').on('hidden.bs.collapse', function () {
    $( ".fa-chevron-down" ).hide();
    $( ".fa-chevron-right" ).show();
  })
  $('#antiquated').on('shown.bs.collapse', function () {
    $( ".fa-chevron-down" ).show();
    $( ".fa-chevron-right" ).hide();
  })
