2
  • Today i am going to show you how to make a jQuery Slide Up & Down Box in Blogger
  • First, make a New post
  • Click HTML Button
  • Now Paste Below Code where you want

 


<DocType itdr4u>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/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; color: #F84027; font-size: 20px; font-family: Georgia;
background-color:#000000;
border:solid 1px #769BFA;
}
#panel
{
padding:50px;
display:none;
}
</style>
</head>
<body>

<div id="flip">Click Me For Slide down or up</div>
<div id="panel">Don't Worry iTDr here 4u</div>

</body>
</html>
Important Customizations
  • Change Your text color Replace your color code with F84027
  • Change your text font size Replace your font size value with 20px
  • Change Background color Replace your color code with 000000
  • Change your border color Replace your color code with 769BFA
  • Replace your Button text with Click Me For Slide down or up
  • Replace your Text with Don't Worry iTDr here 4u


Post a Comment

  1. THANKS ADMIN...
    http://govtexamonline.blogspot.com

    ReplyDelete
  2. Jquery Slide Down And Up Pop Up Box >>>>> Download Now

    >>>>> Download Full

    Jquery Slide Down And Up Pop Up Box >>>>> Download LINK

    >>>>> Download Now

    Jquery Slide Down And Up Pop Up Box >>>>> Download Full

    >>>>> Download LINK

    ReplyDelete

Blogger Widgets
 
Top