mootools - Mootools 手风琴，每个窗格内都有一个 Next 按钮

Question

我想在手风琴导航设备的所有（嗯......除了最后一个）窗格中添加一个下一步按钮。如您所料，当您单击“下一步”按钮时，当前窗格会折叠并打开下一个窗格。

它在 Joomla 网站上，所以我们使用 MooTools。我无法让 click 事件的操作起作用。有什么想法吗？

window.addEvent('domready', function() {
var accordion = new Fx.Accordion($$('#accordion h2'),$$('#accordion .content'), {
    onActive: function(toggler,element) { toggler.addClass('active');element.addClass('active'); },
    onBackground: function(toggler,element) { toggler.removeClass('active');element.removeClass('active'); }
});

$$('.button.next').addEvent('click', function(event){
      event.stop();
      accordion.display.getNext(); //HELP HERE PLEASE
    });
});

非常感谢！！担

Answer 1

检查您的手风琴实例console.log(accordion)；）尝试访问previous手风琴实例的属性。它没有记录，并且可能会随着 MooTools More 的未来版本而改变，但它是做你想做的最简单的方法：

$$('.button.next').addEvent('click', function(event){
    event.stop();
    accordion.display(accordion.previous + 1);
});

在这里工作小提琴：http: //jsfiddle.net/9859J/