css hide elemt after click code example
Example 1: javascript hide div
// javascript
<script>
document.getElementById("id").style.display = "none";
document.getElementById("id").style.display = "block";
document.getElementById("id").style.display = "";
</script>
// html
<html>
<div id="id" style="display:none">
<div id="id" style="display:block">
</html>
// jquery
<script>
$("#id").hide();
$("#id").show();
</script>
Example 2: how to use javascript to hide content and show through link
$(document).ready(function() {
$('li').click(function () {
$('.content:visible').hide(); // hides the visible content before
$('.content').eq($(this).index()).show(); // shows the corresponding content
});
});