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

我目前使用的是两个手风琴条，当它们被点击时，都有两种不同的颜色呈现。第一个显示绿色。功能是在点击时在条上向下切换所需的信息

再次单击它将切换回所有呈现不同颜色的信息，为此我使用java脚本进行切换。以前我们使用三种不同的图像来显示这个条，现在，我需要删除这些图像

正如您在我的.xhtml文件中所看到的，中间部分将用作主条，所有颜色属性和使其变圆的moz工具包都在我的CSS文件中声明。我使用moz工具包和jquery圆角使我的手风琴角在IE和mozilla中变圆。它在mozilla中工作得很有魅力，但在IE中没有渲染当我点击它时，它的颜色，切换操作正常工作，因为我可以看到当我点击它时，它上下弹出的信息

我唯一的问题是，当它点击时，它的颜色没有正确呈现。即使在点击后，它仍然保持相同的绿色。当我删除moz时，它工作正常，但没有圆角。我无法确定是java脚本还是CSS的问题。这是我的java脚本和CSS以及我的xhtml有什么解决方法吗？我需要在脚本中做任何代码更改吗？我可以在网站的其余部分完美地填充这个栏。但是当我使用脚本时，问题似乎就来了

---

第二条的css

#layout-container #layout-detail .section-closed .section-middle{background-color:#efe8dc; background-image: url(../../images/icons5.png); background-repeat:no-repeat; background-position: 612px -1392px;-webkit-border-radius: 7px;-moz-border-radius: 7px;}

我的xhtml

<ui:fragment rendered="#{current.index le 8 or current.last}">
            <div class="columns">
                <div
                    class="#{current.first ?'faq-accordion section-open' : 'faq-accordion section-closed'}">

                    <span class="section-middle">
                        <h2>
                            <h:outputText value="#{priority.statementDescription}" />
                        </h2> </span>

我的剧本

$('.faq-accordion').live("click", function() {
        $(this).next('.content-toggle').toggle();
        // $('.show-all').show();
        // $('.hide-all').hide();

        if ($(this).hasClass('section-closed')){
            $(this).addClass('section-open');
            $(this).removeClass('section-closed');
        }
        else
        {
            $(this).addClass('section-closed');
            $(this).removeClass('section-open');
        }

        var total = $('.faq-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();            
        }
    })


    $('.show-all').click(function(){
        $('.content-toggle').show();
        $('.content-toggle').prev('div').addClass('section-open');
        $('.content-toggle').prev('div').removeClass('section-closed');
        $(this).hide();
        $('.hide-all').show();
        return false;
    });       

    $('.hide-all').click(function(){
        $('.content-toggle').hide();
        $('.content-toggle').prev('div').addClass('section-closed');
        $('.content-toggle').prev('div').removeClass('section-open');
        $(this).hide();
        $('.show-all').show();
        return false;
    });        

$（'.faq accordion'）.live（“单击”，函数（）{
$（this.next（'.content toggle'）.toggle（）；
//$（'.show all'）.show（）；
//$（'.hide all'）.hide（）；
if（$（this）.hasClass（'section-closed'））{
$（this.addClass（'section-open'）；
$（this.removeClass（'section-closed'）；
}
其他的
{
$（this.addClass（'section-closed'）；
$（this.removeClass（'section-open'）；
}
变量总数=$（'.faq accordion'）。长度；
var开放=0；
对于（i=0；i试试这个：

-webkit-border-radius: 7px !important;-moz-border-radius: 7px !important;

我已经使用了你的代码和！important解决了这个问题。
我试图让你的帖子更具可读性，但放弃了-很难说出你的要求。尝试将文章分成段落，纠正拼写错误，并使用更少的单词。感谢你让我知道。如果这有助于让我知道，或者我会做更多更改请在你的文本中添加一些格式。你是那个想要回答你的问题的人，那么你是谁让人们这么难帮助你的呢？我读了一点，然后就停了下来。我看到了文本墙，想点击我的后退按钮。把它分成几段，我会读的。伙计们，我很抱歉回答我的问题好吧。所以，当有人试图帮助我时，我真是太糟糕了，我让他们觉得我被误导了。如果这个问题仍然不可理解，请再次告诉我。我会尝试再做一些尝试，直到它易于理解。谢谢，首先谢谢你的回复。我尝试了！很重要，但它无法解决我的问题。我的问题主要是IE did你可以登录IE或firefox。如果你在IE中尝试了这一点并且成功了。请在fiddle中发布这一点，这样它将非常有用。谢谢
-webkit-border-radius: 7px !important;-moz-border-radius: 7px !important;