डाउनलोड पी.डी.एफ. ई-बुक्स
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>

आउटपुट :











SlideDown
Hello World