(Wordpress's menu use the form

<li class="menu-item-has-children"> Item
  <ul class="sub-menu">
    <li> Sub Menu Item</li>
    ...
  </ul>
</li>
...

which means that any click event on a sub menu item is also a click on the parent item. ( It also means that any styles like background-color affect also the enclosed children but that's easy to resolve)

I want to target (in this example) $('.sub-menu') without the click event affecting the enclosing .menu-item-has-children so that I can treat a click on the outer 'Item' differently to the inner 'Sub Menu Item'.

So far I have not been able to do this.