Here is my situation.
I have a file called iframe.html. which has code in below,
<!DOCTYPE html>
<html lang="eng">
<head>
<meta charset="UTF-8"/>
<title>Pluign Development</title>
<script src="js/jquery-1.11.0.js" type="text/javascript"></script>
</head>
<body>
<iframe id="abc" src="test.html"></iframe>
<div id="sub">click</div>
</body>
<script src="js/script-22.js" type="text/javascript"></script>
</html>
and i have test.html file. which has code in below,
<!DOCTYPE html>
<html lang="eng">
<head>
<meta charset="UTF-8"/>
<title>Pluign Development</title>
</head>
<body>
<div id="red">prasanga karunanayake </div>
</body>
</html>
here is js code what i have tried,
(function($){
var fire = {
init:function(){
$('#sub')
.on('click', function(){
$('#red', parent.document).css('display','none');
});
}
};
fire.init();
}(jQuery));
Here is my situation.
i need to hide <div id="red">prasanga karunanayake </div> which is in the test.html file. if i click <div id="sub">click</div> then hide html content which is in the test.html.
I am pretty much confused,Your help is appreciated.
See Question&Answers more detail:os
