Home > Developer > Web Develop
Grammar:
$( selector).Hide( Speed,callback);<script>$ (document). Ready (function() { $ ("#hide"). Click (function () { $ ("P"). Hide (); }); $ ("#show"). Click (function() { $ ("P"). Show (); });}); </script><body> <p> If you click on the "Hide" button, I will disappear. </p> <button id= "Hide" > Hide </button> <button id= "Show" > Show </button></ Body>Example 2: Show the Hide () and show () methods with the speed parameter:
<script>$ (document). Ready (function() { $ ("#hide"). Click (function () { $ ("P"). Hide (+); }); $ ("#show"). Click (function() { $ ("P"). Show (+); });}); </script><body><button id= "Hide" > Hide </button><button id= "Show" > Show </button> <p> This is a paragraph, the content is relatively small. </p><p> This is another small paragraph </p></body>Toggle () Method: To toggle the Hide () and show () methods
Example 3: Show the hidden elements and hide the displayed elements:
<script>$ (document). Ready (function() { $ ("button"). Click (function () { $ ("P"). Toggle (); }) ; </script><body><button> Hide/Show </button><p> This is a text paragraph. </p><p> This is another text paragraph. </p></body>JQuery Learning 02--Effects: Hide/show, fade, swipe, animate, stop animation, Callback, chain
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
