javascrpit-js為元素綁定不同點擊事件時出現問題

js為元素綁定不同點擊事件時出現問題

var sideRight = document.getElementById('sideright');
var side = document.getElementsByClassName('side-icon');
var flag = true;
for (var i = 0; i < side.length; 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的每一項綁定了兩個點擊事件

效果就是點擊每一項右邊欄會劃出，再點擊一下會滑回去。
可是代碼敲完之後發現點擊第一項的時候會劃出，再點擊第一項的時候沒反應，這時候點擊第二項時會滑回去。
求高手指點迷津！！

最佳回答：

懸賞的，上一個帖子還沒結
if需要寫到addEventListener裡面。這上面每個節點只綁定了一個事件，不是2個。