mootools手风琴造型问题

我刚刚制作了我的第一部mootools手风琴，但它增加了很多内联风格，这只会毁了我的用户界面。我可以使用！important关键字设置内联样式，但这只会让我的css维护成为一场噩梦。任何想法如何摆脱的内联样式mootools手风琴造型问题

这只是这个

<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>

来源

2010-03-19 Midhat

您能否告诉我们您是如何制作手风琴的？你是否创建了脚本，使用了一些插件等？ – 2010-03-20 08:06:52

为您的标记和js创建一个jsfiddle帖子，以便我们可以确切地看到您想要达到的效果。 – touson 2011-01-31 00:34:14

回答有用吗？虽然迟了:) – Sergio 2013-08-01 07:28:44

嗯，这是很老的问题，我的回答是，因为我跑它就在寻找着同样的问题时。

其实MooTools的Acordion增加了这么多的内嵌CSS：

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

，我发现这种情况的解决方案是具有调用new Fx.Accordion后应用的修补程序。我也同意，修正!important CSS修复感觉不对。所以我也寻找其他选择。

选项1，重新设置的CSS，只要你想：

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

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

来源

2013-07-16 13:53:44 Sergio

mootools手风琴造型问题

回答

相关问题