Подскажите пожалуйста, как открыть второе модальное окно?
function send($i) {
$("#div1").load("prod.php/?id_prod=" + $i);
}
function show(state) {
document.getElementById('window').style.display = state;
document.getElementById('wrap').style.display = state;
}
#wrap {
display: none;
opacity: 0.8;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 16px;
background-color: rgba(1, 1, 1, 0.725);
z-index: 100;
overflow: auto;
}
#window {
width: 400px;
height: 400px;
margin: 50px auto;
display: none;
background: #fff;
z-index: 200;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 16px;
border-radius: 5px;
}
.close {
margin-left: 344px;
margin-top: -7px;
cursor: pointer;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a onclick="send('25');show('block');" style='text-decoration:none;color:#000;cursor:pointer;'>Открыть окно</a>
<div onclick="show('none')" id="wrap"></div>
<!-- Само окно-->
<div id="window">
<!-- Картинка крестика-->
<img class="close" onclick="show('none')" src="http://sergey-oganesyan.ru/wp-content/uploads/2014/01/close.png">
<div id="div1">
Окно 1
</div>
</div>
<a onclick="send('25');show('block');" style='text-decoration:none;color:#000;cursor:pointer;'>Открыть окно</a>
<div onclick="show('none')" id="wrap"></div>
<!-- Само окно2-->
<div id="window">
<!-- Картинка крестика2-->
<img class="close" onclick="show('none')" src="http://sergey-oganesyan.ru/wp-content/uploads/2014/01/close.png">
<div id="div1">
Окно 2
</div>
</div>