Javascript 手风琴造型问题

我刚刚构建了我的第一个mootools手风琴，但它添加了很多内联样式，这会破坏我的UI。我可以用设置内联样式！重要的关键字，但它只会使我的css维护成为一场噩梦。有没有办法摆脱内联样式

就是这样

<script language="javascript">
   window.addEvent('domready', function() {

 //create our Accordion instance
 var myAccordion = new Accordion($('accordion'), 'div.subTreeHeader', 'div.accordionElement', {
 opacity: false, fixedHeight:400

 });

});

</script>

---

这是一个很老的问题，我回答它是因为我在寻找同样的问题时跑向它

实际上，Mootools Acordion添加了这么多内联CSS：

padding-top: 0px; border-top-style: 
none; padding-bottom: 0px; border-bottom-style: none; 
overflow: hidden; opacity: 1;

我找到的解决方案是在调用新的Fx.Accordion后必须应用的修复。我也同意这种感觉是不对的！重要的CSS修复。所以我也在寻找其他的选择

选项1，根据需要设置css：

$$('.acordion3_content').setStyles({
    border: '3px solid #0F0',
    'overflow-y': 'auto',
});

---

选项2，在其内部或外部再创建一个div。我这样做是为了得到一个可以连接事件的滚动div。像这样，我可以在手风琴的内容中有一个卷轴，而不受Fx.Acordion的CSS的影响。

您能告诉我们您是如何创建手风琴的吗？你是否创建了你的脚本，使用了一些插件，等等？创建一个标记和js的JSFIDLE帖子，这样我们就可以准确地看到你想要实现的内容。答案有用吗？虽然晚了：