The previous alert css class is not removed when you try and use the same alert using something like this template for hiding and showing the alert div :
I fixed the issue in the binding handler by modifying the code adding a new remove class line to remove prior rendered alerts in the Alert binding handler right before the addClass line.
//ola lawal added this code to removeclassess for resulable alerts using hide show
$element.removeClass("alert-info alert-danger alert-success ");
$element.addClass('alert fade in').addClass('alert-' + (ko.unwrap(value.type) || 'info'));
The previous alert css class is not removed when you try and use the same alert using something like this template for hiding and showing the alert div :
I fixed the issue in the binding handler by modifying the code adding a new remove class line to remove prior rendered alerts in the Alert binding handler right before the addClass line.