100％宽度水平jQuery手风琴

Question

我制作的这款手风琴只适用于webkit浏览器。 我无法弄清楚是什么导致它在非webkit浏览器中破坏。

http://jsfiddle.net/gurtfrobe/SMjxK/1/

原谅粗略的代码，我对Javascript不太热。

所有输入都非常感谢！

Answer 1

所以我想出了部分内容。它现在适用于Firefox，Opera和IE9。

只有Webkit浏览器可以检索元素的位置百分比。 Firefox等人会将值转换为像素。因此，假设LEFT值设置为百分比：

var myvar = $('#myitem').css('left');

将在Chrome和Safari中保存百分比值，但其他浏览器会将该百分比转换为像素值。

为了解决此问题，您必须首先将LEFT值指定为内联样式，然后更改jQuery获取值的方式。它现在变成：

var myitem = $('#myitem');
var myitemleft = myitem[0].style.left;

注意，可能是该代码的简写版本，但我的知识并不是很好。

如果有人知道什么可能导致它在IE7＆amp; 8中不起作用，我会很感激帮助。如果我解决了，我会在这里分享我的发现。

Answer 2

在最后一个IE，FF＆amp; Chrome http://jsfiddle.net/quadrian/z94baosx/