Slide Down or Up the panel ~ myTechpartner Join Me On Facebook
Join Me On Facebook

Blogroll

Thursday 20 June 2013

Slide Down or Up the panel


Click to slide the panel down or up
mytechpartner


Copy below code and paste it

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#flip").click(function(){
    $("#panel").slideToggle("slow");
  });
});
</script>

<style type="text/css">
#panel,#flip
{
padding:5px;
text-align:center;
background-color:#66FF33;
border:solid 1px #66FF33;
}
#panel
{
padding:50px;
display:none;
}
</style>
</head>
<body>

<div id="flip">Click to slide the panel down or up</div>
<div id="panel">Hello world!</div>
</body>
</html>


if like this then share it on your wall

0 comments:

Post a Comment

 

Contributors

Online Marketing

Do you Like this Article?

rss twitter facebook