Javascript 如何修复手风琴过渡Css

我添加了一些CSS，以便在侧边显示“+”符号，并在打开时转换

但是现在，当有人打开手风琴时，“+”转换是在手风琴打开之后，我希望它同时打开。有人能告诉我，如果我做了什么错误的css

以下是您可以看到的链接：

抱歉，附件是CSS转换的代码

.et_pb_accordion{
    margin-bottom:30px;
    width:78%;
    margin-left:auto;
    margin-right:auto;
}

.et_pb_toggle {
    border:none;
    border-bottom:1px solid #FFF;
    background: transparent;
    padding:6px 20px 25px;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:18px !important;
}    

.et_pb_toggle_open.animating .et_pb_toggle_title:before, .et_pb_toggle_title:before {

    height:1px;
    transition:all .5s ease-in-out;
    position: relative; left: auto; right: auto; float: left;
    content:"+";
    font-size:59px;
    font-family:'Roboto', Helvetica, Arial, Lucida, sans-serif;
    font-weight:300;
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    width:30.666%;
    margin-right:3.5%;
        position: relative;
        text-align: center;
    }

.et_pb_toggle_close.animating .et_pb_toggle_title:before, .et_pb_toggle_open .et_pb_toggle_title:before {
    content: "+";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

---

包括一些代码…请阅读。如果可能的话，问题应该包括代码，而不是大多数人不会访问的外部站点的链接。对不起，我刚刚添加了代码。请也包括HTML，或者更好地学习使用StackOverflow的代码片段，按钮。