通过Javascript单击更改手风琴颜色

因此，我试图通过使用Javascript函数的单击事件来更改手风琴菜单的标题颜色。正如我现在看到的，颜色会在我第一次点击时改变，但不会在第二次点击时改变

我的HTML手风琴设置：

<div id ="accordion">
    <a class="tab" onclick="highlightHead(this, '#2E8AE6')" href="javascript:AccordionControls('headerOne')">Header One</a>
    <div id="headerOne"  class="tab-content" style="display:none">This is my first header paragraph</div>

    <a class="tab" onclick="highlightHead(this, '#2E8AE6')" href="javascript:AccordionControls('headerTwo')">Header Two</a>
    <div id="headerTwo" class="tab-content" style="display:none">This is my second header paragraph</div>
</div>

---

您需要将===放在if语句中，而不是=

您需要使用==not=，因为它本质上是询问它是否等于，而不是设置它

 function highlightHead(headerID, color)
{
    if (headerID.style.backgroundColor  == "#000033") {

        headerID.style.backgroundColor = color;

    } else {

        headerID.style.backgroundColor = "#000033";

    }
}

 function highlightHead(headerID, color)
{
    if (headerID.style.backgroundColor  == "#000033") {

        headerID.style.backgroundColor = color;

    } else {

        headerID.style.backgroundColor = "#000033";

    }
}