jQuery Hide & Show Toggle – An Example
Hi,
Want to try out a simple hide and show toggle using jQuery? The example given below shows how you can simply hide and show a paragraph in html using jQuery. Try it out!
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#hideMe").click(function(){
$("p").hide();
});
$("#showMe").click(function(){
$("p").show();
});
});
</script>
</head>
<body>
<p>Coderz Heaven! Click 'HideMe' for hiding! Click 'ShowMe' for showing</p>
<button id="hideMe">HideMe</button>
<button id="showMe">ShowMe</button>
</body>
</html>
Link to this post!
