<div>
                                    <span class="submenu-caret">+</span>
                                    <a href="#">Двигатели</a>
                                </div>
                                <ul class="shop-menu-level-2">
                                    <li class="level-2">
                                        <a href="">Двигатели дизельные</a>
                                    </li>
                                    <li class="level-2">
                                        <a href="">Двигатели бензиновые</a>
                                    </li>
                                </ul>

var symbol = document.querySelector(".submenu-caret"),
    list = document.querySelector(".shop-menu-level-2");
symbol.addEventListener("click", function() {
  list.classList.toggle("block");
  result = (symbol.innerHTML == "+") ? symbol.innerHTML = "-" : symbol.innerHTML = "+";
});