Этот скрипт позволяет при нажатии на кнопку перевернуть блок на 180 градусов благодаря тому что он добавляет класс в котором прописан этот поворот но проблема в том что если с обратной стороны разместить тоже кнопку чтобы переворачивать назад блок то уже происходит конфликт, я размещаю кнопку с тем же идентификатором, хотя если кнопка одна то конфликта не происходит и переворачивается назад блок, как сделать чтобы с каждой стороны была кнопка переворота, помогите пожалуйста
<script>
/* DOM Utility Functions from PastryKit */
Element.prototype.hasClassName = function (a) {
return new RegExp("(?:^|\\s+)" + a + "(?:\\s+|$)").test(this.className);
};
Element.prototype.addClassName = function (a) {
if (!this.hasClassName(a)) {
this.className = [this.className, a].join(" ");
}
};
Element.prototype.removeClassName = function (b) {
if (this.hasClassName(b)) {
var a = this.className;
this.className = a.replace(new RegExp("(?:^|\\s+)" + b + "(?:\\s+|$)", "g"), " ");
}
};
Element.prototype.toggleClassName = function (a) {
this[this.hasClassName(a) ? "removeClassName" : "addClassName"](a);
};
/* /DOM Utility Functions from PastryKit */
var init = function() {
document.getElementById('button').addEventListener( 'click', function(){
document.getElementById('card').toggleClassName('flip');
}, false);
}
window.addEventListener( 'DOMContentLoaded', init, false);
</script>