How to hide CSS by default and show on button press

You can actually hide it on page load using jQuery ready() method: 

$(document).ready(function(){
  $('#MY_WIDGET').hide();
});

Related Posts:

  1. Is dynamic forms/entries possible in Widget?
  2. How do I register a stylesheet inside a WordPress widget?
  3. Theme’s default styles are overriding my plugin’s custom CSS
  4. custom changes removed after plugin update
  5. How to style the RSS wordpress?
  6. Can someone please tell me what is wrong with my plugin?
  7. How to tie dark mode with prefers-color-scheme webkit? [closed]
  8. Ajax contact form widget plugin data not insert in database
  9. Widgets Scripts don’t load – but load when I reload the page
  10. How can I inject options into an select tag inside the widget form?
  11. How do I use add_action on custom widget?
  12. How to add a dvi tag to a shortcode then change a generated text using jQuery
  13. Creating a widget and missing jQuery
  14. The Events Calendar Plugin – List View Background Colour Issue [closed]
  15. jQuery slider widget similar to cnet.com
  16. Unable to locate inline CSS causing parts of page to be blank
  17. Overriding inline !important CSS with Javscript code snippet with media query
  18. How to add styling and script to a custom widget plugin
  19. Like/Dislike Bar not working when updating
  20. Possible jquery / library conflict in plugin usage
  21. Element works, but not on wordpress site [duplicate]
  22. Content expands beyond its column container [closed]
  23. How to add an active state class to my info box
  24. Simple rich text editor in Text widget?
  25. Using tabs for wordpress plugin
  26. How do I add a widget programmatically to a newly created site (WPMU) within a plugin?
  27. Override Widget class in plugins with custom plugin
  28. How can I make content disappear when a user logs in?
  29. Can I ignore caching of a plugin in W3 Total Cache? [closed]
  30. Why is the unrendered widget number `__i__` showing up in the JavaScript but not in the HTML?
  31. Themes VS Plugins [duplicate]
  32. How to load plugin before the wordpress jquery?
  33. Changing widget options via the functions.php when there are no hooks
  34. WordPress Plugin Look & Feel
  35. Why is my ajax call refreshing the page?
  36. Add CSS class to add-to-cart button, Woocommerce [closed]
  37. How to load all plugins CSS after child theme CSS?
  38. I need to generate the CSS for my plugin from a function, how do i map a request to a function in the front-end?
  39. jQuery function didn’t work in my plugin
  40. JQuery not working in my plugin [closed]
  41. Notepad sticky plugin
  42. Get post values of form created by widget in sidebar
  43. W3 Total cache “empty all caches” and no stylesheets render [closed]
  44. Error with Image Slide plug-in/ s3slider in WP
  45. WPBakery JS composer unused css [closed]
  46. Changing “elapsed time” to “time remaining” on MP3-jPlayer audio player with CSS or PHP changes
  47. changes to widget settings not showing up in individual pages pages until they’re updated [closed]
  48. Removing included CSS file that doesn’t exist
  49. (Sticky Row) How do i make a row sticky in wpbakery page builder?
  50. Redux Framework: Page freezes on typing in Editor
  51. Adding CSS to custom post type admin page causes error
  52. Create shortcode to echo javascript
  53. how to insert data in wordpress table usnig jquery ajax
  54. Redirect to another page using contact form 7? [closed]
  55. Edit External CSS
  56. Why Do I get “wp_remote-get: could not handle for fopen()”?
  57. Combining several CSS files into one for optimization
  58. Repeated Output in Widget
  59. WordPress Apply filter in plugin causes 500 internal error
  60. Is there a function to list all uploaded images? How can I add one?
  61. How to remove js ui library added by default by wordpress
  62. Stop wordpress from requesting external jquery from googleapi
  63. Api external with wordpress
  64. Plugin showing error
  65. Why do I get jQuery reference error / undefined when changing name of plugin file?
  66. How to prevent tabs from opening all at once
  67. Add background image/layout for single page?
  68. Separate jQuery for Individual Comments?
  69. Accessing widget information
  70. Setting text widget to one page only
  71. How to add captcha to publish widget
  72. Listing all sidebars
  73. Problems with jQuery and is_admin()
  74. Load CSS before Theme CSS
  75. Widgets are not displaying in the admin panel
  76. Can I add Short Code Of A Plugin In The Code Editor of WordPress?
  77. Adding custom post category to categories widget
  78. Update widget values from ajax function
  79. The styles in the recent posts widgets plugin not working
  80. How to disable a widget area of a specific page?
  81. How to change the width of certain paragraph or header blocks?
  82. jquery plugin won’t fire when hamburger class element clicked
  83. Widget display in theme
  84. Hook on widget context plugin to add custom context for widget
  85. jQuery to show icon after .hide
  86. Customize a widget position
  87. Adding link on title its in description but not in title see screenshots attached
  88. Not getting result using ajax on wordpress
  89. How know the “admin” blog from wordpress multisite?
  90. How can I retrieve data within my widget
  91. conditional tags for the output of a plugin
  92. Display alt text as tool tip on page
  93. contact 7 plugin stops some pages from working properly
  94. Scrolling Ads? Live scrolling widget, not random on refresh
  95. How do I output user_registered time in my correct timezone?
  96. Ajax in Plugins: returns the whole page
  97. Trying to disable all notifications except for one on woocommerce checkout page with css [closed]
  98. Issue with customizer and widget page
  99. Footer option is missing in Customiser
  100. Ajax response from Media Selection does not update ALL information more than once