在没有ID的元素上切换CSS类

Question

我已经在自定义的wordpress主题中开发了一个侧面菜单，该菜单在相关部分中显示了页面列表。一切正常，相关部分自动打开。我唯一要添加的就是单击部分以将其打开并关闭的功能。

菜单的设置方式如下，由于是wordpress，因此无法编辑元素的类/ ID。

<ul class="sidenav">
  <li class="page_item page-item-27 page_item_has_children current_page_ancestor current_page_parent">
    <a href="#">Main Link</a>
    <ul>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </li>
</ul>

我基本上需要说的是，如果单击.sidenav li a，则切换.sidenav li ul上的.side_open类。 如果有人对如何完成此操作有任何想法，请告诉我！

谢谢-斯科特