Как мне получить гибкую коробку, чтобы не быть частью страницы, пока я ее не угаснет? Я делал это с помощью "display: 0;" а затем используйте jquery.fadeIn(). Но теперь, если я установлю отображение на 0, когда я его увяжу, я, конечно, теряю гибкость коробки. Если я использую jquery, чтобы настроить отображение на гибкий, тогда он будет просто появляться, а не исчезать.
<div class="" id="popupContainer">
<div class="flex-item-popup" id="popup">
<div class="close"><i class="fa fa-2x fa-times-circle"></i></div>
<h2></h2>
<div class='text'></div>
<div class="videos"></div>
<div class="flex-container images"></div>
</div>
#popupContainer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: flex-start;
align-items: center;
z-index: 15;
}
JQuery:
$(document).ready(function() {
//???
});