I have "Home Page" with header DIV and two iframes which is divided left and right.
Header div contain few anchor tag with some styles and styles written in Jquery. When user clicks anchor tag it will highlighted.
<script type="text/javascript">
$(document).ready(function () {
$('#lnkHomePage').click(function () {
$('#lnkHomePage').css('background-color', '#498120');
$('#lnkHomePage').css('color', '#fff');
$('#lnkMyProf').css('background-color', '#fff');
$('#lnkMyProf').css('color', '#556B2F');
$('#lnkChgPwd').css('background-color', '#fff');
$('#lnkChgPwd').css('color', '#556B2F');
});
$('#lnkMyProf').click(function () {
$('#lnkMyProf').css('background-color', '#498120');
$('#lnkMyProf').css('color', '#fff');
$('#lnkChgPwd').css('background-color', '#fff');
$('#lnkChgPwd').css('color', '#556B2F');
$('#lnkHomePage').css('background-color', '#fff');
$('#lnkHomePage').css('color', '#556B2F');
});
$('#lnkChgPwd').click(function () {
$('#lnkChgPwd').css('background-color', '#498120');
$('#lnkChgPwd').css('color', '#fff');
$('#lnkHomePage').css('background-color', '#fff');
$('#lnkHomePage').css('color', '#556B2F');
$('#lnkMyProf').css('background-color', '#fff');
$('#lnkMyProf').css('color', '#556B2F');
});
});
</script>
Left side i loaded Menu Tree View page.
When user clicks left side frame (menu tree view aspx), if anchor tag is highlighted in the header div then i must remove the highlighted styles.
Can any one please tell me how to do this?