Переопределить: навести на элементы под псевдоэлементом

В нашем меню у меня есть родительский пункт меню, и его дети становятся оранжевыми: наведите указатель мыши. Я также использую JS для добавления переключателя в меню collapse/expand, но поскольку элемент span расположен поверх элемента родительского списка, зависание на переключателе вызывает изменение цвета. Я пытаюсь выяснить способ (с компасом или jQuery), чтобы переопределить стиль наведения в списке, если переключатель включен.

Мы используем Drupal, поэтому HTML довольно запутанный, но здесь урезанная версия:

<li class="menu__item is-expanded last-expanded">
  <span class="menu__link nolink">About</span>
  <span class="menu__link nolink expand"> </span> <!--put here by jQuery for the collapse and expand icon -->
  <ul class="menu">
    <li><a href="mission.html">Mission</a></li>
    <li><a href="team.html">Team</a></li>
  </ul>
</li>

Здесь jQuery:

jQuery(document).ready(function(){
      $(".not-front .menu__item.is-expanded.last.expanded span").after("<span class='menu__link nolink expand'>&nbsp;</span>");
      $(".front .menu__item.is-expanded.last.expanded span").after("<span class='menu__link nolink expand collapse'>&nbsp;</span>");
      $("#block-menu-block-1 ul li li").css({ display: "block" });
      $(".not-front #block-menu-block-1 ul li li").css({ display: "none" });
      $('#block-menu-block-1 .menu__link.nolink').click(function(){
        $('#block-menu-block-1 ul li li').toggle('fast');
        $( ".menu__item.is-expanded.last.expanded span.menu__link.nolink.expand" ).toggleClass( "collapse" );
      });
 });

И здесь Сасс:

.menu__item:hover a,
.menu__item:hover span {
  color: $orange;
}

Изменение: Извините! Я хотел опубликовать Sassmeister раньше, но их сайт был опущен. Имел ссылку на сайт dev, но удалил один раз.

Edit: Я думал, что-то вроде этого будет работать, но это не так:

jQuery(".menu__item span.expand").mouseover(function(e) {
        jQuery("menu__item:hover a, .menu__item:hover span").toggleClass( "stay-gray" );

});

наряду с этим является sass:

.menu__item:hover a,
.menu__item:hover span {
  color: $orange;
  border-color: $orange;
  &.stay-gray {
    color: $darkGray;
    border-color: $darkGray;
  }
}