title: Sidebar navigation option
body: <p>Hi I want to add dropdown like UI for my checkboxes , which expands and show checkbox option when I click on it and shrinks when I again click on 'content type', and shrink when I click it again.
  I want something like <a href="https://i.stack.imgur.com/I1ykQ.png" rel="nofollow noreferrer">This</a> , and it currently look like <a href="https://i.stack.imgur.com/Kraxx.png" rel="nofollow noreferrer">This</a>.
  Here is my code</p>
  <pre><code>&lt;section class=&quot;w-100 d-block pb-3&quot;&gt;
  
  
  &lt;h6 class=&quot;d-block border-bottom pt-1 pb-2 font-weight-bold mt-0&quot;&gt;Content Type&lt;/h6&gt;
  
    @php
  
    $currentbookShowState = request()-&gt;query('ABC');
    $currentJournalShowState = request()-&gt;query('PQR');
  
    $intentPrefix = 'intent_showall_';
  
    $bookIconClass = 'far fa-square';
    $journalIconClass = 'far fa-square';
  
    $booksIntentClass = $intentPrefix . $currentbookShowState;
    $journalsIntentClass = $intentPrefix . $currentJournalShowState;
  
    $bookslinkClass = 'text-primary intent_showBooks_link medium ' . $booksIntentClass;
    $journalsLinkClass = 'text-primary intent_showJournals_link medium ' . $journalsIntentClass;
  
    if ( $currentbookShowState == 'true' )
    {
      $bookIconClass = 'fas fa-check-square';
      $booksUrl = replace_http_parameter(['KUK'=&gt;1]);
      $booksUrl = remove_http_parameter([&quot;JKL&quot;]);
    }else{
      $booksUrl = replace_http_parameter([ &quot;XYZ&quot; =&gt; 'true' ,'KUK'=&gt;1 ]);
    }
  
    if ( $currentJournalShowState == 'true' )
    {
      $journalIconClass = 'fas fa-check-square';
      $journalsUrl = replace_http_parameter(['p'=&gt;1]);;
      $journalsUrl = remove_http_parameter([&quot;journals&quot;]);
    }else{
      $journalsUrl = replace_http_parameter([ &quot;journals&quot; =&gt; 'true','p'=&gt;1 ]);
    }
  
    @endphp
    &lt;div&gt;
      &lt;a href=&quot;?{{ $booksUrl }}&quot; class=&quot;{{ $bookslinkClass }}&quot;&gt;
        &lt;i class=&quot;{{ $bookIconClass }}&quot;&gt;&lt;/i&gt;
        Books
      &lt;/a&gt;
    &lt;/div&gt;
    &lt;div&gt;
      &lt;a href=&quot;?{{ $journalsUrl }}&quot; class=&quot;{{ $journalsLinkClass }}&quot;&gt;
        &lt;i class=&quot;{{ $journalIconClass }}&quot;&gt;&lt;/i&gt;
        Journals
      &lt;/a&gt;
    &lt;/div&gt;
  
  &lt;/section&gt;
  </code></pre>