I’ve combined a jquery 'scroll' code with jquery 'slide toggle' code ( http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_slide_toggle )

The 'scroll' code slides a tab/bar horizontally across the web page, when the page is scrolled down.

And when you 'click' the text on the tab/bar, the 'slide toggle' code makes a vertical 'drop-down section' appear, successfully, (and the vertical 'drop-down section' slides back up when you 'click' the text again).

And when you scroll up the web page, the 'scrolled tab/bar' slides back to hide.

However, I'd like the vertical 'drop-down section' to automatically slide back up, when the scrolled tab/bar slides back to hide. (Currently, if you scroll down the page again, the vertical 'drop-down section' is open(dropped-down) if the text hasn't been manually clicked to close it).

Here's the code:

2. $(document).ready(function(){
3.     $("#flip").click(function(){
4.         $("#panel").slideToggle("slow");
5.     });
6. });
7. </script>
8. 
   
9. 
   
10. <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
11. <script src="js/jquery.scrollme.js"></script>
12. <script src="js/jquery.scrollme.min.js"></script>
13. 
    
14. <div class="scrollme">
15. <div class="animateme"
16.         data-when="enter"
17.         data-from="0.5"
18.         data-to="0"
19.         data-opacity="0"
20.         data-translatex="1220"
21.         data-rotatez="0"
22. >
23. <div id="flip">Click + - </div>
24. <div id="panel">Hello world!</div>
25. </div>
26. </div>