HTML JAVASCRIPT JQERY POWERFUL TOOL

 THIS IS CODE FOR ABOVE-------JQUERY AND JAVASCRIPT---



<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>

<script>
$(document).ready(function(){
  $("#flip").click(function(){
    $("#panel").toggle("slow");
  });
});
</script>


<style>
#xyz
{
color:blue;

}
#xyz a:hover
{
color:red;
background-color:yellow;
}
</style>


<h2>Jquery Magic</h2>

<div id="flip" type="button" style="cursor:pointer;">Click Me!</div>


<div id="panel" style="display:none;background-color:green;border:thin solid red;">
Hii,
<br>

 do comment if You liked magic of jquery.......

<span style="color:yellow;">
<br>
ANY QUERIES ??
<br>
COMMENT
</span>

</div>






<h2>SIMPLE HTML AND CSS POWER</h2>

<div id="xyz">
<a href="javascript:void(0)">Put the mouse on this block and see the Difference</a>

Check it out
</div>