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

时间:2015-10-23 21:23:42

标签: jquery mmenu

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

有什么想法吗?

感谢。

1 个答案:

答案 0 :(得分:0)

我能够按照以下方式工作: 删除此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' );
 });