Как я могу указать JavaScript в этом html-коде, чтобы он не влиял на все кнопки? ⇐ Jquery

[Anonymous]

Я создал веб-сайт в формате HTML с помощью начальной загрузки и jQuery. Я хотел, чтобы кнопка меняла текст метки и свой дизайн в зависимости от логической переменной. Это работало с JavaScript, но у меня есть эта кнопка (зеленого и синего цвета) по всей странице. Теперь либо все кнопки отображаются зеленым, либо все кнопки отображаются зеленым.
Вот пример того, что я имею в виду под двумя кнопками:

Код: Выделить всё

[b][/b]


var open = true;

if (open) {
$(".alert").addClass("alert-success");
$(".alert").removeClass("alert-danger");
$(".alert").html("[b]Geoeffnet[/b]");
} else {
$(".alert").removeClass("alert-success");
$(".alert").addClass("alert-danger");
$(".alert").html("[b]Geschlossen[/b]");
};



[b][/b]


var open = false;

if (open) {
$(".alert").addClass("alert-success");
$(".alert").removeClass("alert-danger");
$(".alert").html("[b]Geoeffnet[/b]");
} else {
$(".alert").removeClass("alert-success");
$(".alert").addClass("alert-danger");
$(".alert").html("[b]Geschlossen[/b]");
};

Как я могу остановить то, что эти две кнопки всегда имеют одинаковые функции?

Подробнее здесь: https://stackoverflow.com/questions/414 ... he-buttons