- 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
THANKS ADMIN...
ReplyDeletehttp://govtexamonline.blogspot.com
Jquery Slide Down And Up Pop Up Box >>>>> Download Now
ReplyDelete>>>>> 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