I am looking for a way to use fullpage.js as slideshow with a fixed sidebar on the left containing an "INFO" button which on click slides in a div with the information referring to the Section/Image, visible in the viewport. 

I am using the basic setUp for fullpage.js with the div container "fullpage" including the "section" divs. Each section has a bg-image and a div with the capture to the image.

The sidebar is fixed on the left side and outside the "fullpage" container with the following markup.

```
<!-- Fixed Navigation Left -->
<aside class="sidebar fixed" id="gallery-nav">  
  <a class="gallery-nav-button-class float-left scrollDown"><i class="fa fa-long-arrow-left"></i></a> 

  <div class="button-group toggle-menu">
    <a href="" class="gallery-nav-button-class"><i class="fa fa-long-arrow-down"></i> <span>INFO</span></a>
    <a class="gallery-nav-button-class gallery-open"><i class="fa fa-long-arrow-down"></i> <span>GALERIE</span></a>
    <a href="#" class="gallery-nav-button-class up-down-arrwos"><i class="fa fa-caret-left scrollDown"></i></a>

    <!-- Gallery image count 4 -->
    <span>1/15</span>

    <a href="#" class="gallery-nav-button-class up-down-arrwos"><i class="fa fa-caret-right scrollUp"></i></a>
    <h3><span>GELÄNDESPORT</span></h3>
  </div> 

  <a data-menuanchor="Menu" href="index.html#Menu" class="gallery-nav-button-class menu-btn-fixed"> <span>MENU</span> <i class="fa fa-long-arrow-right"></i></a>         
</aside>  

```

Can anybody help me with the jquery code to solve this problem?

You can find the basic layout in the Image below.

[![enter image description here](https://i.stack.imgur.com/oVsBU.jpg)](https://i.stack.imgur.com/oVsBU.jpg)