ui_menu

*. default

설명
- attribute
  - data-menu-dismiss
  - data-menu-dismiss="#ui-menu-01"
  - data-menu-selectable - 1
  - data-menu-selectable - 2
  - data-menu-selectable - 3
- method
  - ui_menu.open_container(document.querySelector('#ui-menu-02'))
  - ui_menu.close_container(this)
  - ui_menu.toggle_menu(this); #close_menu_child
    - HELLO
  - ui_menu.open_menu(document.querySelector('#close_menu_child'))
    - HELLO
  - ui_menu.open_menu(document.querySelector('#close_menu_child'))
    - HELLO
  - ui_menu.open_menu(document.querySelector('#ui-menu-02-menu-01'))
    - HELLO
  - ui_menu.close_menu(this)
    - #close_menu_child
  - ui_menu.close_menu(document.querySelector('#ui-menu-02-menu-01'))
    - HELLO
  - ui_menu.select_menu(this)
- data-menu-dismiss="#ui-menu-01"
- #menu_ex01
  - #menu_ex02
TOP MENU - 2
- menu-box-collapse
  - menu-box-floating
    - menu-box-collapse
      - menu-box-floating long text long text long text long text long text long text long text long text long text long text long text
      - SUB SUB MENU - 2
      - SUB SUB MENU - 3
      - SUB SUB MENU - 4
    - SUB SUB MENU - 2
    - SUB SUB MENU - 3
    - SUB SUB MENU - 4
  - SUB SUB MENU - 2
  - SUB SUB MENU - 3
  - SUB SUB MENU - 4
- SUB MENU - 2
  - SUB SUB MENU - 1
  - SUB SUB MENU - 2
  - SUB SUB MENU - 3
  - SUB SUB MENU - 4
- SUB MENU - 3
  - SUB SUB MENU - 1
  - SUB SUB MENU - 2
  - SUB SUB MENU - 3
  - SUB SUB MENU - 4
TOP MENU - 3 긴 메뉴명 긴 메뉴명 긴 메뉴명 긴 메뉴명 긴 메뉴명 긴 메뉴명 긴 메뉴명
- SUB MENU - 1
  - SUB SUB MENU - 1
  - SUB SUB MENU - 2
  - SUB SUB MENU - 3
  - SUB SUB MENU - 4
TOP MENU - 4
- SUB MENU
- SUB MENU
- SUB MENU
- SUB MENU
- SUB MENU
- SUB MENU

*. no theme

menu-theme-01 적용
- attribute
  - data-menu-dismiss
  - data-menu-dismiss="#ui-menu-01"
  - data-menu-selectable - 1
  - data-menu-selectable - 2
  - data-menu-selectable - 3
- data-menu-dismiss="#ui-menu-01"
  - #ui-menu-02-menu-01
    - HELLO
TOP MENU - 2
- SUB MENU - 1
  - SUB SUB MENU - 1
  - SUB SUB MENU - 2
TOP MENU - 3
- SUB MENU - 1
  - SUB SUB MENU - 1
  - SUB SUB MENU - 2
TOP MENU - 4
- SUB MENU - 1
  - SUB SUB MENU - 1
  - SUB SUB MENU - 2

*. menu-box-vertical

menu-box-vertical
- menu-box-collapse
  - menu-box-collapse
    - menu-box-collapse
    - menu-box-collapse
    - menu-box-collapse
  - menu-box-collapse
  - menu-box-collapse
- menu-box-collapse
- menu-box-collapse
TOP MENU - 2
- menu-box-floating
  - menu-box-floating
    - menu-box-floating
    - menu-box-floating2
  - menu-box-floating2
TOP MENU - 3
- SUB MENU - 1
  - SUB SUB MENU - 1
  - SUB SUB MENU - 2
TOP MENU - 4
- SUB MENU - 1
  - SUB SUB MENU - 1
  - SUB SUB MENU - 2

*. menu-box-bar , menu-box-scollable-?-??

🍎 사과
- 🍎 사과
  - 🍎 사과
    - 🍎 사과
      - 🍎 사과
      - 🍌 바나나
      - 🍒 체리
    - 🍌 바나나
    - 🍒 체리
  - 🍌 바나나
  - 🍒 체리
- 🍌 바나나
- 🍒 체리
- 🍎 사과
- 🍌 바나나
- 🍒 체리
- 🍎 사과
- 🍌 바나나
- 🍒 체리
- 🍎 사과
- 🍌 바나나
- 🍒 체리
🍌 바나나
- 🍎 사과
- 🍌 바나나
- 🍒 체리
- 🍎 사과
- 🍌 바나나
- 🍒 체리
- 🍎 사과
- 🍌 바나나
- 🍒 체리
- 🍎 사과
- 🍌 바나나
- 🍒 체리
🍒 체리
- 🍎 사과
- 🍌 바나나
- 🍒 체리
- 🍎 사과
- 🍌 바나나
- 🍒 체리
- 🍎 사과
- 🍌 바나나
- 🍒 체리
- 🍎 사과
- 🍌 바나나
- 🍒 체리
🍒 체리