jQuery div Hide and show
<style>
#smarttipsdiv {
width: 90%;
margin:auto;
height:200px;
background-color: #008000;
}
a { font-size: 100%; font-weight: normal; }
</style>
<script>
$(document).ready(function(){
$(‘#toggle’).click(function(e){
e.preventDefault();
var isvisible = $(‘#smarttipsdiv’).is(‘:visible’);
if(isvisible) {
$(‘#smarttipsdiv’).slideUp();
}
else {
$(‘#smarttipsdiv’).slideDown();
}
});
});
</script>
<a id=’toggle’ href=”#”>Heading</a>
<div id=”smarttipsdiv”></div>