JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://sandboxwordpress.com/js/popup.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<body>
<nav class="primary_nav_wrap">
<ul>

  <li><a href="#"><img src="cp/menuicon.png" width="25"></a>
    <ul>
     
	  <li><a href="#popup_chrome" id="popup_chrome1">Chrome Extension</a></li>

	  
    </ul>
  </li>
  
</ul>
</nav>
<script>jQuery(document).ready(function($) {
setTimeout(function() {
$("#popup_chrome1").trigger('click');}, 5000);
                   
 		                       });
	</script>
	
			
<div id="popup_chrome" class="overlay">
	<div class="popup">
			<h2>Download Chrome Extension</h2><br>

		<a class="close" href="#">×</a>
		<div class="content">
<br /><a href="https://chrome.google.com/webstore/detail/sandbox-for-wordpress/ffifhcgbcpgbiblodgfoeboejkepjaji" target="_blank" class="myButton_sub">Download</a>
</div></div></div>