jquery effect, multiple div, click on any div, then this div will switch the text, change the background color, click the other div again, this div will happen just the change, before the click of the div color will change back

First CSS style:

/* Original background color */

. BG {

Background: ' Red '

}

/* Background color to switch */

. bg_click {

Background: ' Green '

}

Js:

$ (' div '). On (' click ', function () {

var $div = $ (this);

var $others = $div. Siblings ();

if ($div. Hasclass (' bg ')) {

$div. Removeclass (' BG '). addclass (' Bg_click '). HTML (' You want to change the text ');

}else {

$div. Removeclass (' Bg_click '). addclass (' BG '). HTML (' original text ');

}

$others. addclass (' BG '). Removeclass (' Bg_click '). HTML (' original text ');

});

jquery effect, multiple div, click on any div, then this div will switch the text, change the background color, click the other div again, this div will happen just the change, before the click of the div color will change back