title: fullpage.js init event between stages
body: <p>I have a page with fullpage.js functionality and I want to manipulate a page element between the stages , e.g. &gt; during the scroll between stages.</p>
  <p>Here is the base structure of the plugin, plus my element that I want to interact with on stage change. Right now I have achieved what I want, but it dissapears <em><strong>when</strong></em> the page reaches the fourth stage section, but I need it to dissapear <em><strong>before</strong></em> the plugin reaches the fourth section when scrolling down in the third.</p>
  <pre><code>&lt;div id=&quot;element&quot;&gt;
    &lt;p&gt;The Element. *&lt;/p&gt;
  &lt;/div&gt;
  &lt;div id=&quot;fullpage&quot;&gt;
    &lt;div class=&quot;section&quot;&gt;SECTION ONE *&lt;/div&gt;
    &lt;div class=&quot;section&quot;&gt;SECTION TWO **&lt;/div&gt;
    &lt;div class=&quot;section&quot;&gt;SECTION THREE ***&lt;/div&gt;
    &lt;div class=&quot;section homeFour&quot;&gt;SECTION FOUR ****&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I have put together a sample <em><strong><a href="https://jsfiddle.net/x7bdwynx/" rel="nofollow noreferrer">Fiddle here.</a></strong></em></p>
  <p>How can I achieve what I am trying to achieve?</p>
  <hr />
  <p><strong>Bonus Tip:</strong></p>
  <blockquote>
  <p><em>You can find the reverse logic that I have described in the second paragraph</em> <strong><a href="https://stackoverflow.com/questions/38460928/how-to-target-current-stage-of-fullpage-js-using-jquery">here.</a></strong></p>
  </blockquote>