 $('.menu_item li').click(function() {
     $('.menu_item .drop-down').removeClass();
     $(this).find('span').addClass('drop-down');

 });

 $('.menu_item li').mouseleave(function() {
     if ($(this).find('span').length > 0) {
         $(this).find('span').removeClass('drop-down');
     }
 });

Setting Validate Copy Format

.drop-down {
  color: red !important;
  display: inline-block;
}

li span {
  display: none;
}

Setting Validate Copy Format

<nav id="menu_wrap" class="container">
  <a href="index.php" class="logo">
  </a>
  <a href="#" id="select_menu" class="active" onclick="open_menu()">
    Menu
  </a>
  <ul class="menu_item">
    <li>
      <input type="text" placeholder="Search in here" class="search">
    </li>
    <li>
      <a href="#">
        Top Lists Two
      </a>
    </li>
    <li>
      <a href="#">
        Shops
      </a>
      <span>
        
        <a href="#">
          Products
        </a>
        <a href="#">
          Products
        </a>
      </span>
    </li>
    <li>
      <a href="#">
        Products
      </a>
      <span >
        <a href="#">
          Products
        </a>
        <a href="#">
          Products
        </a>
      </span>
    </li>
    <li>
      <a href="Signup.php">
        Create Account
      </a>
    </li>
    <li>
      <a href="Login.php">
        Log in
      </a>
    </li>
    
  </ul>
  
</nav>

Copy Format

Download