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. force enqueue script to be first in order of prominence
  25. Plugin upgrading: Widget settings
  26. how to include other plugins css files in a shortcode?
  27. Need to create a Theme demo site that features multiple themes
  28. How to place random widgets in the WordPress sidebar?
  29. Editor not displaying dynamically after clicking on the button
  30. How can I make content disappear when a user logs in?
  31. wp_enqueue_style in Plugin [duplicate]
  32. Quote rotator in the sidebar
  33. Make the css of the widget overwrite theme css
  34. Override Theme CSS with CSS from a plugin
  35. Flickr plugin that will display photos from multiple group pools? [closed]
  36. How to create popup same as wordpress popup feature
  37. Add get_option to jquery
  38. Check if email address exists front end with AJAX in a plugin
  39. Running jquery script after shortcode [closed]
  40. How to add page using HTML, CSS and JS?
  41. Globally register styles but enqueue them selectively
  42. W3 Total cache “empty all caches” and no stylesheets render [closed]
  43. Add a CSS class based on categroy id to archive pages
  44. How to add media field to WP_Widget form function?
  45. Uncaught TypeError: jQuery(…).flipster is not a function in wordpress
  46. Delete mobile menu button [closed]
  47. Display wordpress post’s in popup?
  48. Using color picker in plugin, does input attribute order matter?
  49. Custom plugin appears outside of the sidebar container
  50. jQuery | JJ Carousel Plugin – Can’t set speed [closed]
  51. Hide certain widgets from specific user roles in admin
  52. How do I find out what is in control over a certain part of a website?
  53. “Conflict” with jQuery (or its plugins)?
  54. Override plugin styles via my custom theme
  55. How to track clicks
  56. How to display checked posts on another page over AJAX? (like comparasion style)
  57. Custom widget doesn’t save values from dropdown box
  58. Register Script in Plugin Widget
  59. Adding media upload button to User Profile page (following a tutorial)
  60. Images under 1MB are not being compressed
  61. jQuery Click event is not fired at all
  62. Widget for specific category
  63. Adding a responsive grid onto a page (without using a Bootstrap theme) [closed]
  64. get_term_meta returns false in widget
  65. Why jquery option is not working when pass value using wp_localize_script?
  66. “switchEditors is not defined” with wp_editor() in jQuery UI tabs
  67. How to theme code blocks formatted by the prettify.js embedded with WP-Markdown?
  68. Ajax request sends url rather than data
  69. How do I override all stylesheets and scripts without a plugin
  70. sliding/fading header plugin or approach suggestion
  71. Cannot read properties of undefined (reading ‘firstChild’) using photoswipe in product page
  72. Trigger jQuery to add events after AJAX-loading table in admin plugin
  73. How to change the WordPress Plugin Watson Assistant Chatbot BOX Size?
  74. $wpdb not working wordpress plugin ajax call
  75. What is the right way to populate a dropdown from MySql?
  76. make p tag collapsed after 3 rows
  77. General Term for this form Field
  78. Scroll to ID broken in main menu
  79. How to fix shifting header after installing speed / cache plugins?
  80. Dynamic input fields in WordPress Plugin
  81. Widget outputs the value but doesn’t save anything inside the textarea
  82. WordPress Widget: Is it possible to make the form dynamic without updating?
  83. Get plugin to background of page
  84. Add HTML between feed items
  85. WordPress Feedback popup with date saved into table
  86. WordPress ajax not working in registration
  87. Show widget location borders for development
  88. Cannot access variables within a widget
  89. adding image in the header of my dev widget
  90. disable lightbox in a plugin [closed]
  91. “The Events Calendar” Issues in WP 3.2
  92. adding a css file to my plugin
  93. What are the downsides of using bootstrap in plugin development?
  94. FacetWP: Plugin breaks button/modal functionality inside searchable content area
  95. TypeErrors with Yoast, jQuery in conflict?
  96. Count div with class (.length) only shows 0 [closed]
  97. Jquery post responses 500 error after some time and lastly an 503 error
  98. How to modify submit button on GravityForms
  99. Am having issues intergrating this api into my wordpress site, any help please?
  100. Is there a membership plugin which offers the ability to hide content based on css rules?