Toggle Background Colour

Dependencies:

drupal_add_library('system', 'ui');
drupal_add_library('system', 'effects');

HTML

Animate

Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.

Toggle Effect

JavaScript

function changeColor(){

  if ($("#effect").css("background-color") === "rgb(0, 128, 0)") {

    $("#effect").css("background-color", "yellow");

  } else {

    $("#effect").css("background-color", "green");

  };}   



// get reference to button

var btn = document.getElementById("button");



// add event listener for the button, for action "click"

btn.addEventListener("click", changeColor);