<ul style="list-style-type:none">

  <li>

    <button href="#" type="button" id="dropdown" data-toggle="dropdown"

      class=" btn btn-primary dropdown-toggle multi-level-dropdown" aria-haspopup="true"

      aria-expanded="false">Click me</button>

    <ul style="list-style-type:none" class="dropdown-menu mt-2 rounded-0 elegant-color-dark border-0 z-depth-1">

      <li class="dropdown-item dropdown-submenu p-0">

        <a href="#" data-toggle="dropdown" class="dropdown-toggle dropdown-item w-100 white-text">Click Me! </a>

        <ul class="dropdown-menu  rounded-0 white border-0 z-depth-1">

          <li class="dropdown-item p-0">

            <a href="#" class="dropdown-item w-100">Hey</a>

          </li>

          <li class="dropdown-item p-0">

            <a href="#" class="dropdown-item w-100">Hi</a>

          </li>

          <li class="dropdown-item p-0">

            <a href="#" class="dropdown-item w-100">Hello</a>

          </li>

        </ul>

      </li>

      <li class="dropdown-item dropdown-submenu p-0">

        <a href="#" data-toggle="dropdown" class="dropdown-toggle dropdown-item w-100 white-text">Click Me Too! </a>

        <ul class="dropdown-menu mr-2 rounded-0  white border-0 z-depth-1 r-100">

          <li class="dropdown-item p-0">

            <a href="#" class="dropdown-item w-100">How</a>

          </li>

          <li class="dropdown-item p-0">

            <a href="#" class="dropdown-item w-100">are</a>

          </li>

          <li class="dropdown-item dropdown-submenu p-0">

            <a href="#" data-toggle="dropdown" class="dropdown-toggle dropdown-item w-100">Click Me Too! </a>

            <ul style="list-style-type:none"

              class="dropdown-menu mr-2 rounded-0 white border-0 z-depth-1 r-100 ">

              <li class="dropdown-item p-0">

                <a href="#" class="dropdown-item w-100">How</a>

              </li>

              <li class="dropdown-item p-0">

                <a href="#" class="dropdown-item w-100">are</a>

              </li>

            </ul>

          </li>

        </ul>

      </li>

    </ul>

  </li>

</ul>

.dropdown-item:hover {

    color: #16181b;

    text-decoration: none;

    background-color: #000;

}

$('.dropdown-toggle').dropdown()