Friday, February 17, 2012

show hide div using jquery , how to use show() , hide() function in jquery

Show Hide div using jquery click here for show div

show hide div jquery example 





<script>
function showdiv(){

 $("#mydiv").show();  
}

function hidediv(){
$("#mydiv").hide()
}
</script>

<div id="mydiv" style="display:none; background-color:#FF66CC; width:300px ; height:40px" > <b> Hi , I am Rajeev Dhar Dwivedi </b> </div>

<input type="button" onclick="showdiv()" value="Show Div"  />
<input type="button" onclick="hidediv()" value="Hide Div"  />

1 comment:

  1. Hi
    good post.
    But u r blog is loading too slow.

    http://csharpektroncmssql.blogspot.com/2011/12/hideshow-div-using-jqueryjson.html

    bhaskar
    http://csharpektroncmssql.blogspot.com

    ReplyDelete

If you Satisfied , Please Leave a comment