+https://bootstrapious.com/p/bootstrap-sidebar

+https://mdbootstrap.com/
+https://bootsnipp.com/tags/sidebar

+https://www.jqueryscript.net/tags.php?/side%20menu/

+https://tympanus.net/Tutorials/AnimatedTextIconMenu/example1.html
+https://codepen.io/codeconvey/pen/ECoaz

+http://cssdeck.com/labs/flip-menu-perspective
+http://cssdeck.com/labs/menudesc

เหมือน codepen
http://cssdeck.com/

slide down bar on scroll menu
+https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_navbar_slide

hide navbar on scroll
+https://www.w3schools.com/howto/howto_js_navbar_hide_scroll.asp

shink navbar on scroll
+https://www.w3schools.com/howto/howto_js_navbar_hide_scroll.asp

bottom fix menu
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_bottom_nav

และอีกมากมาย

วิธีเพิ่ม sub menu ให้เมนูที่ไม่มีฟังก์ชั่นนี้

เปลี่ยนชื่อคลาส ให้ตรงกับ เมนูที่ต้องการ ที่ไม่มี sub menu เช่น top menu ใน ไฟล์ menu.php ให้มี sub menu ได้
แล้วค่อยลบ css ที่ไม่ใช้ และ ปรับ ตำแหน่งของ sub menu ที่จะแสดงออกมาเมื่อเอาเม้าส์ไปวาง
+https://codepen.io/rizkykurniawanritonga/pen/sqcAn

+https://www.usglo.com/117-css-menu%E9%9B%86-24290.html

-http://dataviz-ressources.com/2017/03/22/collapsible-side-menu-with-spotfire/
+https://wow-estore.com/demo/side-menu-pro/

+http://template.zaiyoudao.com/Template/CleanZone/1.3.3/Doc/index.html