将向上和向下箭头添加到纯JS引导手风琴中

Question

我的代码：

<div class="panel" style="margin-left: -15px;">
                <div class="panel-heading">
                    <div class="vgroupholder panel-title" data-parent="#accordion" data-toggle="collapse" href=".titlePhysics" onclick="removevBgs();" style="background-color: transparent;">

                        <div class="groupicon">
                            <div class="groupicontext">P</div>
                        </div>
                        <div class="grouptext">
                            <div class="grouptitle">Physics</div>
                        </div>
                        <img onclick="changeArrow(this);" src="../assets/images/down.png" width="45px" style="margin-left: 240px; opacity: 1;" onmouseover="this.style.opacity='75%';" onmouseout="this.style.opacity='100%';">

                    </div>      
                </div></div>

function changeArrow(id){
    if(id.src = '../assets/images/down.png'){
        id.src = '../assets/images/up.png';
    } else {
        id.src = '../assets/images/down.png';
    }
}

当前，箭头没有改变。

如何使箭头变为up.png？

[或更好，它具有动画效果并可以旋转180度吗？

任何帮助都会很棒-谢谢！

Answer 1

如果有条件，用==而不是=来做