居中垂直折叠菜单答案

【问题标题】：Centering vertically collapsing menus居中垂直折叠菜单
【发布时间】：2015-08-11 14:12:37
【问题描述】：

我一直在学习一些关于 HTML、CSS 和 jQuery 的知识来制作我的个人网站。到目前为止，我能够解决我遇到的大多数问题，其中一些问题得到了这里人们的宝贵帮助。谢谢！

这是当前代码： http://jsfiddle.net/jcml/1eyz2z6g/

我注意到一个问题：

如果我尝试使用此代码将“中心”类添加到 div 类“链接”中垂直居中菜单，我会得到一个奇怪的行为。可以在这里看到： http://jsfiddle.net/jcml/Lz4bq7mv/

.center ul {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

1- 在这种情况下如何使菜单垂直居中？

我还注意到，当我在手机中使用网站时，当我点击任何链接“Bla”时，会显示一个大框，选择所有子菜单（父链接和兄弟链接）

2- 有没有办法改变这种行为？

还有：

3- 有没有办法为折叠和展开添加动画时间？

谢谢

【问题讨论】：

stackoverflow.com/questions/16078868/…
谢谢，我已经搜索并发现了不同的解决方案，但这个解决方案没有用。结果如下：jsfiddle.net/jcml/rm5bhrm8/1
这是什么奇怪的行为？对我来说看起来不错。
点击手机上的链接时，会出现“悬停”选项。单击某些“Bla”时，选择的大小与父父
相同