【问题标题】:Adding An Active Class To A Mootools Accordion Element向 Mootools 手风琴元素添加活动类
【发布时间】:2011-10-12 19:22:52
【问题描述】:

随着 CSS3 的兴起,我想通过 css 转换来控制 mootools 手风琴类使用的动画,我认为最好的方法是为切换器和元素部分分配一个活动类手风琴。

我已经能够为切换器元素做到这一点,但经过多次尝试,我无法弄清楚如何为元素提供活动类。

到目前为止,我得到的 mootools 代码是:

var myAccordion = new Fx.Accordion($$('.toggler'), $$('.services-element'), { 显示:1, 帧数:24, 持续时间:400, onActive: function(toggler) { toggler.addClass('active-accordion'); }, onBackground: function(toggler) { toggler.removeClass('active-accordion'); }, 显示:0, 高度:假, 宽度:假, 不透明度:0.3, 固定高度:320, 固定宽度:空, 总是隐藏:真的, 初始显示Fx:假 });

如果有人能提供帮助,我将不胜感激。

【问题讨论】:

  • 只是为了确定:您想向活动的服务元素添加一个 css 类吗?因为 onActive 和 onBackground 事件函数也接收元素作为第二个参数。不仅仅是切换器。 onActive(toggler, element), onBackground(toggler, element)
  • 干杯。在进一步玩了之后,我得到了它,多亏了那个信息。

标签: javascript css-transitions accordion mootools


【解决方案1】:

感谢 Johan 提供的信息,我修改了 onActive 和 onBackground 规则如下:

onActive: function(toggler, element) { toggler.addClass('active-accordion'), element.addClass('active-accordion') ; }, onBackground: function(toggler, element) { toggler.removeClass('active-accordion'), element.removeClass('active-accordion'); },

这给了我我需要的东西。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-02-13
    • 1970-01-01
    • 2016-10-22
    • 1970-01-01
    • 2011-05-30
    • 2011-05-26
    相关资源
    最近更新 更多