- Home
- Jquery Examples
- Slidedown Effect
jQuery - Slidedown Effect
विवरण :
कोई विवरण नहीं है |
सोर्स कोड :
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<style type="text/css">
#slidedown{
text-align:center;
padding:5px;
color:#FFF;
background-color:#888;
border-top:none;
padding:none;
}
#display{
text-align:center;
display:none;
color:#FFF;
background-color:#000;
padding:30px;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("#slidedown").click(function(){
$("#display").slideDown();
});
});
</script>
</head>
<body>
<div id="slidedown"> SlideDown </div>
<div id="display">Hello World </div>
</body>
</html>
आउटपुट :
SlideDownHello World