【问题标题】: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' );
 });

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-21
    • 1970-01-01
    • 2011-12-02
    • 1970-01-01
    • 2014-06-09
    • 1970-01-01
    相关资源
    最近更新 更多