This example describes the show (), Hide (), and toggle () usage in jquery. Share to everyone for your reference. The specific analysis is as follows:
The jquery effect is described here: the show () method, the Hide () method, and the toggle () method
Real-World Application scene: QQ panel my Friends Group
Copy Code code as follows:
<title>jquery effect: Show () method, Hide () method, and toggle () method </title>
<script type= "Text/javascript" src= "Jquery-1.8.2.min.js" ></script>
<script type= "Text/javascript" >
$ (document). Ready (function () {
$ ("#show"). Click (function () {
$ ("P"). Show ();
});
$ ("#hide"). Click (function () {
$ ("P"). Hide (2000);
});
$ ("#tog"). Click (function () {
$ ("P"). Toggle ("slow");
});
});
</script>
<body>
<button id= "Show" > Display </button><button id= "Hide" > Hide </button><button id= "tog" > Toggle </ Button>
<p> It's a paragraph it's a paragraph it's a paragraph it's a paragraph this is a paragraph this is a paragraph </p>
</body>
I hope this article will help you with your jquery programming.
