Javascript Css在脚本调用后未正确呈现属性

我使用的是-webkit边界半径：7px-moz边界半径：7px；使我的手风琴和按钮弯曲。目前它工作正常。在我的应用程序中，当我们单击它时，我的手风琴需要更改颜色。两个手风琴使用两个不同的图像。为此，我编写了一个javascript函数来执行该操作

$('.accordion').live("click", function() {
        $(this).next('.content-toggle').toggle();
        if ($(this).hasClass('section-closed')){
            $(this).addClass('section-open');
            $(this).removeClass('section-closed');
        }
        else
        {
            $(this).addClass('section-closed');
            $(this).removeClass('section-open');
        }

        var total = $('.accordion').length;
        var open = 0;

        for (i=0; i<total; i++) {
            if($('.faq-accordion').eq(i).hasClass('section-open')){
                open = open + 1;
            }
        }

        if (total != open) {
            $('.show-all').show();
            $('.hide-all').hide();
        }
        else {
            $('.hide-all').show();
            $('.show-all').hide();
        }
    })

$（'.accordion'）.live（“单击”，函数（）{
$（this.next（'.content toggle'）.toggle（）；
if（$（this）.hasClass（'section-closed'））{
$（this.addClass（'section-open'）；
$（this.removeClass（'section-closed'）；
}
其他的
{
$（this.addClass（'section-closed'）；
$（this.removeClass（'section-open'）；
}
变量总计=$（'.accordion'）。长度；
var开放=0；
对于（i=0；i边界半径在IE7-8中不受支持。这就是为什么删除它解决了您的问题。但是，您确实说过

两部手风琴都使用了两种不同的图像

因此，您可以在图像上添加“曲线角”。这些曲线角在IE7和IE8中显示得同样好。重要的问题是，IE7-8不支持
边界半径
，因此它不显示


不过，另一方面，通过缓存对jQuery结果集的引用，可以大大改进代码

$('.accordion').live("click", function() {
    var self = $(this); // caching $(this) since it is being used a lot
    self.next('.content-toggle').toggle();
    if ( self.hasClass('section-closed') ){
        self.addClass('section-open');
        self.removeClass('section-closed');
    }
    else
    {
        self.addClass('section-closed');
        self.removeClass('section-open');
    }

    var total = $('.accordion').length;
    var open = 0;
    var faq = $('.faq-accordion'); // caching $('.faq-accordion') since it is being used in a loop 
    for (i=0; i<total; i++) {
        if( faq.eq(i).hasClass('section-open') ){
            open = open + 1;
        }
    }

    if (total != open) {
        $('.show-all').show();
        $('.hide-all').hide();
    }
    else {
        $('.hide-all').show();
        $('.show-all').hide();
    }
});

请同时发布CSS块。section open和section closedBorder Radius在IE7中不受支持-8@petrioli：谢谢你的回复。：如果没有图像，我们使用背景颜色、宽度、填充和曲线角等属性制作手风琴条，并在其上添加圆角，有没有办法在我们目前的要求下，我们不想在任何手风琴上使用图像。因此，问题再次出现，正如我再次指出的那样，我无法为需要更改颜色的条形图渲染css。对于这个棘手的问题，有什么解决方案吗。感谢在所有浏览器中使用最简单、最一致的方法sers将使用图像。因此，如果您没有图像，请制作一个。IE7-8将永远不支持边界半径。我使用curvycorners.js用于IE的任何方式，不幸的是，我们不再允许使用图像。任何方式非常感谢您的回复，mikey。
    var open = 0;
    var faq = $('.faq-accordion'); // caching $('.faq-accordion') since it is being used in a loop 
    for (i=0; i<total; i++) {
        if( faq.eq(i).hasClass('section-open') ){
            open = open + 1;
        }
    }

var open = $('.faq-accordion:has(.section-open)').length;