I have Index.asp

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<!--#include file="blocks/header.asp"-->
<!--#include file="blocks/bottom.asp"-->
<!--#include file="blocks/footer.asp"-->

</body>
</html>

blocks/header.asp

<div class="hideMeIamHeader"></div>

blocks/bottom.asp

<div class="hideMeIambottom"></div>

blocks/footer.asp

<div class="hideMeIamfooter"></div>
<button id="Hideheader">Hide Header</button>
<button id="Hidebottom">Hide bottom</button>
<button id="Hidefooter">Hide footer</button>
<script>
$(function() {
$('#Hideheader').on('click',function(){$('.hideMeIamHeader').hide();});
$('#Hidebottom').on('click',function(){$('.hideMeIambottom').hide();});
$('#Hidefooter').on('click',function(){$('.hideMeIamfooter').hide();});

});
</script>

How to make this example working? I cant access .hideMeIamHeader and .hideMeIambottom from footer.asp

Related posts

Recent Viewed