jquery.mmenu 单击时动画垂直子菜单

【问题标题】：jquery.mmenu animate vertical sub menu when clickedjquery.mmenu 单击时动画垂直子菜单
【发布时间】：2015-10-23 21:23:42
【问题描述】：

我正在使用 mmenu 上的垂直菜单设置，我想知道是否可以在单击展开/折叠链接时为二级列表项的显示设置动画？我尝试应用 CSS 过渡，但子菜单只是隐藏和显示。我还删除了将 display:none 更改为 display:block 的 CSS，并尝试仅使用不透明度。

有什么想法吗？

谢谢。

【问题讨论】：

你能提供一个小演示吗？

标签： jquery mmenu

【解决方案1】：

我能够让这个工作如下：删除此 CSS

.mm-vertical li.mm-opened > .mm-panel,
li.mm-vertical.mm-opened > .mm-panel {
  display: block; }

添加这个 jQuery：

var API = $( '#site-navigation' ).data( 'mmenu' );
API.bind( "openPanel", function( $panel ) 
$panel.slideDown( 'slow' );
});
API.bind( "closePanel", function( $panel ) {
$panel.slideUp( 'slow' );
 });

【讨论】：