title: How display a filter exposed when the accordion link is open?
body: <p>I use Drupal 8 and Bootstrap 3 on my site.</p>
  
  <p>I created accordion links using the views on this page:</p>
  
  <p><a href="https://www.s1biose.com/profil/mathieu" rel="nofollow noreferrer">https://www.s1biose.com/profil/mathieu</a></p>
  
  <p>Each view has an "Exposed Filter" block, how do I display filters when an accordion link is open, and how is it hidden when an accordion link is closed ?</p>
  
  <p>Here is my html code :</p>
  
  <pre><code>&lt;div class="panel-group" id="accordion"&gt;
    &lt;div class="panel panel-default"&gt;
      &lt;div class="panel-heading"&gt;
        &lt;a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse1"&gt;
          &lt;h4 class="panel-title"&gt;
          &lt;i class="fa fa-object-group fa-lg"&gt;&lt;/i&gt; Ses contenus &lt;span class="badge"&gt;&lt;dd&gt;{{ drupal_view('profil_page_contenu_utilisateur', 'block_2') }}&lt;/dd&gt;&lt;/span&gt;
          &lt;/h4&gt;
        &lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="collapse1" class="panel-collapse collapse"&gt;
        &lt;div class="panel-body"&gt;
          &lt;div class="panel-group" id="accordion-sub1"&gt;
            &lt;div class="panel panel-default"&gt;
              &lt;div class="panel-heading"&gt;
                &lt;a class="collapsed" data-toggle="collapse" data-parent="#accordion-sub1" href="#collapse11"&gt;
                  &lt;h4 class="panel-title"&gt;
                  &lt;i class="fa fa-newspaper-o fa-lg"&gt;&lt;/i&gt; Les annonces &lt;span class="badge"&gt;&lt;dd&gt;{{ drupal_view('profil_page_contenu_annonce', 'block_2') }}&lt;/dd&gt;&lt;/span&gt;
                  &lt;/h4&gt;
                &lt;/a&gt;
              &lt;/div&gt;
              &lt;div id="collapse11" class="panel-collapse collapse"&gt;
                &lt;div class="panel-body"&gt;&lt;dd&gt;{{ drupal_view('profil_page_contenu_annonce', 'block_1') }}&lt;/dd&gt;&lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="panel panel-default"&gt;
              &lt;div class="panel-heading"&gt;
                &lt;a class="collapsed" data-toggle="collapse" data-parent="#accordion-sub1" href="#collapse12"&gt;
                  &lt;h4 class="panel-title"&gt;
                  &lt;i class="fa fa-file-text-o fa-lg"&gt;&lt;/i&gt; Les articles &lt;span class="badge"&gt;&lt;dd&gt;{{ drupal_view('profil_page_contenu_article', 'block_2') }}&lt;/dd&gt;&lt;/span&gt;
                  &lt;/h4&gt;
                &lt;/a&gt;
              &lt;/div&gt;
              &lt;div id="collapse12" class="panel-collapse collapse"&gt;
                &lt;div class="panel-body"&gt;&lt;dd&gt;{{ drupal_view('profil_page_contenu_article', 'block_1') }}&lt;/dd&gt;&lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="panel panel-default"&gt;
              &lt;div class="panel-heading"&gt;
                &lt;a class="collapsed" data-toggle="collapse" data-parent="#accordion-sub1" href="#collapse13"&gt;
                  &lt;h4 class="panel-title"&gt;
                  &lt;i class="fa fa-comments fa-lg"&gt;&lt;/i&gt; Les discussions &lt;span class="badge"&gt;&lt;dd&gt;{{ drupal_view('profil_page_contenu_discussion', 'block_2') }}&lt;/dd&gt;&lt;/span&gt;
                  &lt;/h4&gt;
                &lt;/a&gt;
              &lt;/div&gt;
              &lt;div id="collapse13" class="panel-collapse collapse"&gt;
                &lt;div class="panel-body"&gt;&lt;dd&gt;{{ drupal_view('profil_page_contenu_discussion', 'block_1') }}&lt;/dd&gt;&lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="panel panel-default"&gt;
              &lt;div class="panel-heading"&gt;
                &lt;a class="collapsed" data-toggle="collapse" data-parent="#accordion-sub1" href="#collapse14"&gt;
                  &lt;h4 class="panel-title"&gt;
                  &lt;i class="fa fa-cutlery fa-lg"&gt;&lt;/i&gt; Les recettes &lt;span class="badge"&gt;&lt;dd&gt;{{ drupal_view('profil_page_contenu_recette', 'block_2') }}&lt;/dd&gt;&lt;/span&gt;
                  &lt;/h4&gt;
                &lt;/a&gt;
              &lt;/div&gt;
              &lt;div id="collapse14" class="panel-collapse collapse"&gt;
                &lt;div class="panel-body"&gt;&lt;dd&gt;{{ drupal_view('profil_page_contenu_recette', 'block_1') }}&lt;/dd&gt;&lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="panel panel-default"&gt;
              &lt;div class="panel-heading"&gt;
                &lt;a class="collapsed" data-toggle="collapse" data-parent="#accordion-sub1" href="#collapse15"&gt;
                  &lt;h4 class="panel-title"&gt;
                  &lt;i class="fa fa-map-signs fa-lg"&gt;&lt;/i&gt; Les itinéraires &lt;span class="badge"&gt;&lt;dd&gt;{{ drupal_view('profil_page_contenu_itineraire', 'block_2') }}&lt;/dd&gt;&lt;/span&gt;
                  &lt;/h4&gt;
                &lt;/a&gt;
              &lt;/div&gt;
              &lt;div id="collapse15" class="panel-collapse collapse"&gt;
                &lt;div class="panel-body"&gt;&lt;dd&gt;{{ drupal_view('profil_page_contenu_itineraire', 'block_1') }}&lt;/dd&gt;&lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="panel panel-default"&gt;
              &lt;div class="panel-heading"&gt;
                &lt;a class="collapsed" data-toggle="collapse" data-parent="#accordion-sub1" href="#collapse16"&gt;
                  &lt;h4 class="panel-title"&gt;
                  &lt;i class="fa fa-calendar fa-lg"&gt;&lt;/i&gt; Les événements &lt;span class="badge"&gt;&lt;dd&gt;{{ drupal_view('profil_page_contenu_evenement', 'block_2') }}&lt;/dd&gt;&lt;/span&gt;
                  &lt;/h4&gt;
                &lt;/a&gt;
              &lt;/div&gt;
              &lt;div id="collapse16" class="panel-collapse collapse"&gt;
                &lt;div class="panel-body"&gt;&lt;dd&gt;{{ drupal_view('profil_page_contenu_evenement', 'block_1') }}&lt;/dd&gt;&lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="panel panel-default"&gt;
      &lt;div class="panel-heading"&gt;
        &lt;a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse2"&gt;
          &lt;h4 class="panel-title"&gt;
          &lt;i class="fa fa-gift fa-lg"&gt;&lt;/i&gt; Ses produits &lt;span class="badge"&gt;&lt;dd&gt;{{ drupal_view('profil_page_produit_utilisateur', 'block_2') }}&lt;/dd&gt;&lt;/span&gt;
          &lt;/h4&gt;
        &lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="collapse2" class="panel-collapse collapse"&gt;
        &lt;div class="panel-body"&gt;
          &lt;div class="panel-group" id="accordion-sub2"&gt;
            &lt;div class="panel panel-default"&gt;
              &lt;div class="panel-heading"&gt;
                &lt;a class="collapsed" data-toggle="collapse" data-parent="#accordion-sub2" href="#collapse21"&gt;
                  &lt;h4 class="panel-title"&gt;
                  &lt;i class="fa fa-gift fa-lg"&gt;&lt;/i&gt; Les produits &lt;span class="badge"&gt;&lt;dd&gt;{{ drupal_view('profil_page_produit_produit', 'block_2') }}&lt;/dd&gt;&lt;/span&gt;
                  &lt;/h4&gt;
                &lt;/a&gt;
              &lt;/div&gt;
              &lt;div id="collapse21" class="panel-collapse collapse"&gt;
                &lt;div class="panel-body"&gt;&lt;dd&gt;{{ drupal_view('profil_page_produit_produit', 'block_1') }}&lt;/dd&gt;&lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="panel panel-default"&gt;
              &lt;div class="panel-heading"&gt;
                &lt;a class="collapsed" data-toggle="collapse" data-parent="#accordion-sub2" href="#collapse22"&gt;
                  &lt;h4 class="panel-title"&gt;
                  &lt;i class="fa fa-sign-language fa-lg"&gt;&lt;/i&gt; Les services &lt;span class="badge"&gt;&lt;dd&gt;{{ drupal_view('profil_page_produit_service', 'block_2') }}&lt;/dd&gt;&lt;/span&gt;
                  &lt;/h4&gt;
                &lt;/a&gt;
              &lt;/div&gt;
              &lt;div id="collapse22" class="panel-collapse collapse"&gt;
                &lt;div class="panel-body"&gt;&lt;dd&gt;{{ drupal_view('profil_page_produit_service', 'block_1') }}&lt;/dd&gt;&lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="panel panel-default"&gt;
      &lt;div class="panel-heading"&gt;
        &lt;a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse3"&gt;
          &lt;h4 class="panel-title"&gt;
          &lt;i class="fa fa-users fa-lg"&gt;&lt;/i&gt; Ses groupes &lt;span class="badge"&gt;&lt;dd&gt;{{ drupal_view('profil_page_groupe_utilisateur', 'block_2') }}&lt;/dd&gt;&lt;/span&gt;
          &lt;/h4&gt;
        &lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="collapse3" class="panel-collapse collapse"&gt;
        &lt;div class="panel-body"&gt;&lt;dd&gt;{{ drupal_view('profil_page_groupe_utilisateur', 'block_1') }}&lt;/dd&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="panel panel-default"&gt;
      &lt;div class="panel-heading"&gt;
        &lt;a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse4"&gt;
          &lt;h4 class="panel-title"&gt;
          &lt;i class="fa fa-shopping-bag fa-lg"&gt;&lt;/i&gt; Ses boutiques &lt;span class="badge"&gt;&lt;dd&gt;{{ drupal_view('profil_page_boutique_utilisateur', 'block_2') }}&lt;/dd&gt;&lt;/span&gt;
          &lt;/h4&gt;
        &lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="collapse4" class="panel-collapse collapse"&gt;
        &lt;div class="panel-body"&gt;&lt;dd&gt;{{ drupal_view('profil_page_boutique_utilisateur', 'block_1') }}&lt;/dd&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="panel panel-default"&gt;
      &lt;div class="panel-heading"&gt;
        &lt;a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse5"&gt;
          &lt;h4 class="panel-title"&gt;
          &lt;i class="fa fa-heart fa-lg"&gt;&lt;/i&gt; Ses contenus favoris &lt;span class="badge"&gt;&lt;dd&gt;{{ drupal_view('profil_page_contenu_favoris', 'block_2') }}&lt;/dd&gt;&lt;/span&gt;
          &lt;/h4&gt;
        &lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="collapse5" class="panel-collapse collapse"&gt;
        &lt;div class="panel-body"&gt;&lt;dd&gt;{{ drupal_view('profil_page_contenu_favoris', 'block_1') }}&lt;/dd&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="panel panel-default"&gt;
      &lt;div class="panel-heading"&gt;
        &lt;a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse6"&gt;
          &lt;h4 class="panel-title"&gt;
          &lt;i class="fa fa-heart fa-lg"&gt;&lt;/i&gt; Ses produits favoris &lt;span class="badge"&gt;&lt;dd&gt;{{ drupal_view('profil_page_produit_favoris', 'block_2') }}&lt;/dd&gt;&lt;/span&gt;
          &lt;/h4&gt;
        &lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="collapse6" class="panel-collapse collapse"&gt;
        &lt;div class="panel-body"&gt;&lt;dd&gt;{{ drupal_view('profil_page_produit_favoris', 'block_1') }}&lt;/dd&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="panel panel-default"&gt;
      &lt;div class="panel-heading"&gt;
        &lt;a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse7"&gt;
          &lt;h4 class="panel-title"&gt;
          &lt;i class="fa fa-thumbs-up fa-lg"&gt;&lt;/i&gt; Suit les groupes &lt;span class="badge"&gt;&lt;dd&gt;{{ drupal_view('profil_page_groupe_suivre', 'block_2') }}&lt;/dd&gt;&lt;/span&gt;
          &lt;/h4&gt;
        &lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="collapse7" class="panel-collapse collapse"&gt;
        &lt;div class="panel-body"&gt;&lt;dd&gt;{{ drupal_view('profil_page_groupe_suivre', 'block_1') }}&lt;/dd&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="panel panel-default"&gt;
      &lt;div class="panel-heading"&gt;
        &lt;a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse8"&gt;
          &lt;h4 class="panel-title"&gt;
          &lt;i class="fa fa-thumbs-up fa-lg"&gt;&lt;/i&gt; Suit les boutiques &lt;span class="badge"&gt;&lt;dd&gt;{{ drupal_view('profil_page_boutique_suivre', 'block_2') }}&lt;/dd&gt;&lt;/span&gt;
          &lt;/h4&gt;
        &lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="collapse8" class="panel-collapse collapse"&gt;
        &lt;div class="panel-body"&gt;&lt;dd&gt;{{ drupal_view('profil_page_boutique_suivre', 'block_1') }}&lt;/dd&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>