如何修复手风琴过渡Css

Question

我需要手风琴的帮助。

我添加了一些Css，以便出现＆＃34; +＆＃34;在打开时签名并转换。

但是现在当有人打开手风琴时，＆＃34; +＆＃34;过渡是在手风琴开放之后，我希望它同时出现。有人可以告诉我，如果我对CSS做错了吗？

以下是您可以看到的链接：http://www.buhovisual.com/#servicios

抱歉，附件是css transtion的代码

.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);
    }