slideDown / slideUp并旋转图像

Question

我最近接手了一个带有很多自定义js的项目。我正在处理的事情之一是向下扩展的堆叠菜单-本质上是手风琴-但写法略有不同。我所拥有的是一个人字形图标，该图标在打开该项目时旋转90度，然后在关闭该项目时向后旋转。我的工作很棒：

{
    this.subj.find(".category .ctitle").click(
        function()
        {
            $(this).children(".gold-ra").toggleClass("down");
            if($(this).next(".tlists").is(":visible")) {
                $(this).next(".tlists").slideUp("slow");

            } else {
               $(this).next(".tlists").slideDown("slow");
            }

但是，我遇到的问题是，如果用户在完成滑动动作之前单击，则人字形旋转会与打开闭合项不同步（即，当闭合闭合项时，其指向下方）。

我尝试用幻灯片切换图像旋转，但这并不能解决问题。我什至取消了幻灯片，改为显示和隐藏，但也没有将它们切成小方块。

我正在使用CSS向下旋转图像。有没有更好的方法来实现所需的幻灯片和旋转同步？

.gold-ra {
    padding-right: 30px;
    background: url("/view/liveassets/svg/RightArrowG.svg")no-repeat;
    background-size: 16px 16px;
    -moz-transition: all 100ms linear;
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear;
    height: 17px;
    float: left;
    position: relative;
    top: 2px;
}

.gold-ra.down {
         -moz-transform:rotate(90deg);
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        transform-origin: top center;
        position: relative;
        top: 19px;
}

Answer 1

在if / else逻辑之前切换if [ -f $(brew --prefix)/etc/bash_completion ]; then . $(brew --prefix)/etc/bash_completion fi if [ -f $(brew --prefix)/etc/bash_completion.d/git-completion.bash ]; then . $(brew --prefix)/etc/bash_completion.d/git-completion.bash fi if [ -f `brew --prefix`/etc/bash_completion.d/git-flow-completion.bash ]; then . `brew --prefix`/etc/bash_completion.d/git-flow-completion.bash fi 可能会引起问题。由于您已经具有处理打开哪些手风琴的逻辑，因此也可以在其中添加人字形的添加和删除逻辑。

.down