Je veux montrer une animation à mon contrôle div.
Lorsque la page est div load devrait être caché, lorsque l'utilisateur cliquez sur un bouton div devrait apparaître avec une animation, je veux montrer une animation coulissante sur mon contrôle div, cela devrait se produire si un bouton est un clic.
Je dois le faire en jquery.div devrait apparaître avec animation
$(document).ready(function(){
$("#btn").click(function(){
$(".divClass").slideToggle("slow");
});
});
autres options sont slideDown, slideUp, slideToggle,fadeIn, fadeOut, fadeTo
Un exemple complet est le suivant
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btn").click(function(){
$(".divClass").slideToggle("slow");
});
});
</script>
<style type="text/css">
.divClass
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
height:120px;
display:none;
}
</style>
</head>
<body>
<div class="divClass">
<p>This is a sample JQuery Animation</p>
<p>Your text or control goes here...Your text or control goes here....Your text or control goes here</p>
</div>
<input id="btn" type="button" value="Show Div" />
</body>
</html>
@ 741535: pouvez-vous l'expliquer? – TimSo