आपकी ऑफलाइन सहायता

BACK
49

सी प्रोग्रामिंग

149

पाइथन प्रोग्रामिंग

49

सी प्लस प्लस

99

जावा प्रोग्रामिंग

149

जावास्क्रिप्ट

49

एंगुलर जे.एस.

69

पी.एच.पी.
माय एस.क्यू.एल.

99

एस.क्यू.एल.

Free

एच.टी.एम.एल.

99

सी.एस.एस.

149

आर प्रोग्रामिंग

39

जे.एस.पी.





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

आउटपुट :












SlideToggle
Hello World