main.js 801 B

123456789101112131415161718192021222324252627282930313233
  1. $(document).ready(function(){
  2. init()
  3. //Hide and show menu bar
  4. $("#bar-menu-button").click(function(){
  5. $("#bar-menu").toggle("slow")
  6. })
  7. //Go to new page method
  8. $("#button-enter").click(function()
  9. {
  10. testPage();
  11. })
  12. });
  13. //Initialization
  14. const init = () => {
  15. //Hide bar menu
  16. $("#bar-menu").hide()
  17. //Load and render main page whit initailization
  18. $.get("../components/main-page.html", function(html_string)
  19. {
  20. $("#container").empty().append(html_string)
  21. })
  22. //Hide Bar Menu when scroll page
  23. $(document).scroll(function(){
  24. $("#bar-menu").hide(1000)
  25. })
  26. }
  27. const testPage = () => {
  28. $.get("../components/test-page.html", function(html_string)
  29. {
  30. $("#container").empty().append(html_string)
  31. })
  32. }