javascript - 如何使用条件为 'IF' 的按钮更改具有功能的 DIV 的背景颜色

Question

我的问题可能有点含糊，但这就是我现在所拥有的。 Here's the fiddle I did

每次单击橙色背景 按钮 并且仅当 更多 div 仍在屏幕底部(单击时更多按钮会向上滑动)

还有我的一些代码片段:

<script>

$(document).ready(function(){
 $('.chatbox').hide();
    $('#btn-chat').click(function() {
        $("#blk-collaboration .chatbox").slideToggle("slow",function(){
        $("#blk-collaboration #toggle").css("background","transparent");
    });
      $(this)//this is a button DOM element. wrapping in jQuery object.
      .toggleClass('wide'); // removing wide class so button became smaller.
    });
});

function changeColor(color) {
document.getElementById("circle").style.backgroundColor = color;
}

document.getElementById("online").onclick = function() { changeColor("#92bf1e"); }
document.getElementById("offline").onclick = function() { changeColor("#747474"); } 
document.getElementById("upcoming").onclick = function() { changeOrange("#f4b066"); } 



</script>

这是按钮...

<input id="online" type="button" value="Online" />
<input id="offline" type="button" value="Offline" />
<input id="upcoming" type="button" value="Orange Background" />

一直在尝试解决这个问题，但是 more button 的颜色仍然会改变，即使它已经向上滑动了......

Answer 1

应该这样做，在 changeColor 函数下面添加:

function changeOrange(color) {
 if ($('#btn-chat').hasClass('wide'))
     document.getElementById("btn-chat").style.backgroundColor = color;
}

如果背景已经是橙色，并且更多按钮向上移动，背景是否应该变回蓝色？