Article
Click button to hide div.
https://cdn.jsdelivr.net/npm/[email protected]/dist/js.cookie.min.js
Copy to clipboard
click() can be use to hide and show elements depending on its current visibility. In the following code we can click to hide the gray area then click again to show it https://raw.githubusercontent.com/finsweet/jqueryCourse/main/jquery%20events/ex9.js?actionable=true
<script>
$(document).ready(function(){
XT1
});
</script>
$(document).ready(function(){
XT1
});
</script>
Copy to clipboard
Live demo
<style>.pop-up{background-color:#5d6373; padding: 1rem;}</style><div id="minidivpage" class="example-live"><div id="popUp" class="pop-up">Gray Area</div><a id="alertButton" href="#" class="w-button">Button alert</a></div>
<script>
$(document).ready(function() {
XT1
});
</script>
$(document).ready(function() {
XT1
});
</script>
Copy to clipboard
Press the Run Demo button to execute the scripts above.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
