带有CSS过渡的滑出菜单

Question

我有一个需要一些子菜单的垂直菜单。只需将ul标记放在我想要展开的链接中并将其绝对定位在悬停上，并在display:none处于非活动状态时，我就可以完成一个看起来很体面的标记。但我想让它滑出来，我没有运气这样做。我有这个基本的标记：

<aside>
  <ul>
    <li><a href="">Link Text</a></li>
    <li class="more">
      <a href="">Base</a>
      <ul>
        <li><a href="Sublink"></a></li>
      </ul>
    </li>
</aisde>

aside标记本身就是辅助导航菜单，主要是在我的标题中。滚动时可以轻松访问position:fixed。

ul内的<li class="more">标记位于绝对位置，固定在顶部的-1px和width:154px，悬停时变为display:block; left:154px（当然，它不活动时为display:none。我已经尝试过转换left属性，但它没有改变任何东西，就好像我的转换不存在那样。