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

Question

我正在使用mmenu上的垂直菜单设置，我想知道在点击展开/折叠链接时是否可以设置辅助列表项的显示动画？我尝试应用CSS过渡，但子菜单只是隐藏和显示。我还删除了更改显示的CSS：无显示：阻止并尝试使用不透明度。

有什么想法吗？

感谢。

Answer 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' );
 });