css绑定多个点击事件,有关js为元素绑定两个点击事件的问题

var sideRight = document.getElementById('sideright');

var side = document.getElementsByClassName('side-icon');

var flag = true;

for (var i = 0; i 

(function() {

if (flag) {

side[i].addEventListener('click', function() {

changeManyElem(sideRight, {

'right': 0

}, 30);

}, false);

flag = false;

} else {

side[i].addEventListener('click', function() {

changeManyElem(sideRight, {

'right': -350

}, 30);

flag = true;

}, false);

}

})();

}

这里我side的每一项绑定了两个点击事件

效果就是点击每一项右边栏会划出，再点击一下会滑回去。

可是代码敲完之后发现点击第一项的时候会划出，再点击第一项的时候没反应，这时候点击第二项时会滑回去。

求高手指点迷津！！