Toggle Event in Javascript
This functions describes how the link toggles from On state to Off state.
<script type="text/javascript">
function toggle_visibility(event) {
event = event || window.event;
var target = event.target || event.srcElement;
var id = target.id;
if(id == 'on')
{
document.getElementById("on").style.display = 'none';
document.getElementById("off").style.display = 'block';
}
else if(id == 'off')
{
document.getElementById("on").style.display = 'block';
document.getElementById("off").style.display = 'none';
}
}
</script>
<body>
Copy & Paste the below code inside html page to get toggle effect
<a href="#" id="on" onclick="toggle_visibility(event)" style="display: block">On</a>
<a href="#" id="off" onclick="toggle_visibility(event)" style="display: none">Off</a>
</body>
Comments
Post a Comment