Javascript jQuery slideDown和slideUp问题

我正在尝试使用标记创建菜单，您可以在此处看到它，以及源代码：

---

但问题是这样的…尝试单击菜单项1，然后单击子菜单项1。我（使用Chrome）遇到的情况是，slideDown实际上将元素滑动太多，然后将其锁定在我想要的位置。如何解决此问题？

通过指定子菜单的宽度，可以解决此问题： （在本例中，我将其设置为300px）

的可能副本。