Dropdown Navigation (materializecss) help

I show the WordPress menu items but do not show the dropdown . Dropdown does not hide!

https://img.prntscr.com/img?url=https://i.imgur.com/WyozBdQ.png

functions.php

register_nav_menus( array(
'primary' => __( 'Primary Menu', 'TNCTR-OnePage' ),) );

Header.php

<div class="navbar-fixed">
<nav class="navbar-tp">
  <div class="nav-wrapper">
  <div class="container">
    <a href="<?php bloginfo('url'); ?>" class="brand-logo logo"></a>

     <?php
    wp_nav_menu(array(
      'menu'       => 'primary',
      'menu_class' => 'right hide-on-med-and-down'

    ));
  ?>
 <?php
    wp_nav_menu(array(
      'menu'       => 'primary',
      'menu_class' => 'side-nav',
      'menu_id' => 'mobilemenu',
      'items_wrap'      => '<ul id="slide-out" class="%2$s">%3$s</ul>'
    ));
  ?>
  <a href="#" data-activates="slide-out" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
    </div>
  </div>
</nav>

html version

<div class="navbar-fixed">
    <ul id="dropdown1" class="dropdown-content navbar-tp ddwnTop">
  <li><a href="#!">one</a></li>
  <li><a href="#!">two</a></li>
  <!--<li class="divider"></li>-->
  <li><a href="#!">three</a></li>
</ul>
    <nav class="navbar-tp">
      <div class="nav-wrapper">
      <div class="container">
        <a href="#!" class="brand-logo logo"></a>
        <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
        <ul class="right hide-on-med-and-down">
          <li><a href="sass.html">Sass</a></li>
          <li><a href="badges.html">Components</a></li>
          <!-- Dropdown Trigger -->
      <li><a class="dropdown-button" href="#!" data-activates="dropdown1">Dropdown<i class="material-icons right">arrow_drop_down</i></a></li>
        </ul>
        <ul class="side-nav" id="mobile-demo">
        <li><a href="sass.html">Sass</a></li>
        <li><a href="badges.html">Components</a></li>
        <li><a href="collapsible.html">Javascript</a></li>
        <li><a href="mobile.html">Mobile</a></li>
      </ul>
        </div>
      </div>
    </nav>
  </div>