<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<div class="target" style="display:none">test!!!</div>
<input type="button" value="popup" onclick="window.open('popup.html','popup','width=400, height=200, menubar=no, status=no, toolbar=no');">
</body>
</html>
// Code goes here
/* Styles go here */
<head>
<script data-require="jquery@3.1.1" data-semver="3.1.1" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
var targetValue = $('.target', opener.document).css('display');
if(targetValue == "none"){
alert("ok!");
}else{
alert("failed... => " + targetValue);
}
});
</script>
</head>
<body>empty</body>
</html>