Javascript-форум - Подключение div ссылкой из другого места (в этом файле)

Добрый день, есть такая проблема.. Нужно тот lightbox подключить ссылкой в другом месте. Просто нужно так сделать (может и другой вариант есть), т.к. в блоках (их 12шт.) используется z-index, и нижние блоки перекрывают модальное окно.

типа так сделать

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>

<section>

<!-- этот lightbox -->
<div class="lightbox">
	<input type="checkbox" id="case-1" class="lightbox1"/>
	<label for="case-1"> View case study</label>
	<div><div>
	    <label for="case-1"></label>
	    <div>
	        <div>ParkApp<label for="case-1">✖</label></div>
	        <div><img src="./images/case_study1.1.jpg" alt=""></div>
	    </div>
	</div></div>
</div>

<article class="articles__item" data-color="parkapp">                  
    <div class="articles__item_content z-2">
        <div class="articles__item__folio">                           
            <div class="articles__item__folio_item"> 
            	<!-- на это месмто всунуть lightbox -->               
                <span><i>/</i>ParkApp</span>
            </div>   
            <div class="articles__item__folio_img block_holder">
                <img src="./images/portfolio/new_portfolio/ParkApp.png" alt="">
                <div class="block_download">
                    <div class="download">
                        <a class="fab fa-apple" href="https://itunes.apple.com/us/app/parkapp-parkovki-besplatno/id965261193" target="_blank"></a><a class="fab fa-android" href="https://play.google.com/store/apps/details?id=com.parkingsolutions" target="_blank"></a>
                    </div>
                </div>                                        
            </div>                                              
        </div>                            
    </div>
</article>  

</section>	

</body>
</html>