Расширить Flask Сообщения, исчезающие в нескольких сообщениях

Question

Мои сообщения sh генерируются на странице с использованием довольно стандартного подхода:

{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
    {% for message in messages %}
        {% set lvl = "alert-danger" if message[1]["result"] == False else "alert-info" %}
    <div class="container"><div id="AMessage" class="alert {{ lvl }}" role="alert">{{ message[1]["content"] }}</div></div>
    {% endfor %}
{% endif %}
{% endwith %}

Если есть только одно сообщение, я его уменьшаю, используя jQuery:

<script type="text/javascript">
window.setTimeout(function() {
    $('#AMessage').fadeOut('slow');
}, 3000); 
</script>

Как деталь jQuery будет обрабатывать несколько сообщений? В моем подходе исчезает только одно сообщение, остальные остаются. Я хочу, чтобы исчезли все сообщения.

Answer 1

В div с id = "AMessage" поместите "AMessage" в класс, так что это будет

class="alert {{ lvl }} AMessage"

Затем в JQuery замените это (заменив '#' на '.')

$('.AMessage').fadeOut('slow');