Как привести элемент в предыдущее состояние после использования jquery slideUp?

Question

У меня есть следующий html (сообщение):

<div *ngIf="msgVisible == true" class="success_trip_msg" role="alert">                        
          <div>trip saved succesfully</div>
 </div> 

После сохранения данных у меня есть код jquery для перемещения по элементу через несколько секунд, что прекрасно работает следующим образом:

 setTimeout(function(){
        $('.success_trip_msg').slideUp();                                                                            
    }, 4000); 

Теперь проблема в том, что после того, как слайд закончен, повторное нажатие кнопки «Сохранить» не отображает сообщение (даже если msgVisible = true "). Я думаю, что slideUp удалит элемент способом, который не может принестиэто обратно.

Answer 1

Я решил проблему, используя

$('.success_trip_msg').show();

вместе с угловым условием:

this.msgVisible = true;