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