请使用jQuery制作一个下拉菜单,要求能够展开/收起子菜单,并在点击菜单项时触发相应事件。

好的，我可以为您提供下面的代码示例：

HTML代码：

<div class="dropdown">
  <button class="dropdown-toggle" type="button" data-toggle="dropdown">菜单</button>
  <ul class="dropdown-menu">
    <li><a href="#">菜单项1</a></li>
    <li><a href="#">菜单项2</a></li>
    <li class="dropdown-submenu">
      <a href="#">子菜单</a>
      <ul class="dropdown-menu">
        <li><a href="#">子菜单项1</a></li>
        <li><a href="#">子菜单项2</a></li>
      </ul>
    </li>
  </ul>
</div>

jQuery代码：

$(document).ready(function(){
  // 在下拉菜单展开/收起时切换箭头图标
  $(".dropdown-toggle").click(function(){
    $(this).toggleClass("active");
  });
  
  // 在菜单项被点击时触发相应事件
  $(".dropdown-menu a").click(function(){
    alert($(this).text() + "被点击了！");
  });
  
  // 在子菜单展开/收起时切换箭头图标
  $(".dropdown-submenu > a").click(function(){
    $(this).parent().toggleClass("active");
    $(this).next("ul").toggle();
  });
});

CSS代码：

.dropdown-toggle.active::after {
  content: "▲";
}

.dropdown-submenu.active > a::after {
  content: "▼";
}

这样就可以实现一个简单的下拉菜单了。