shortcode execution when the page is opened

No, shortcodes do not work this way as they are parsed on the server-side and replaced with the relevant content before the page is sent over to the visitor’s browser.

What you could do is to place the shortcode within a hidden element (like a <div>), then have JavaScript/jQuery unhide the hidden element’s content when a button is clicked.

Related Posts:

  1. JavaScript sleep/wait before continuing [duplicate]
  2. Why does my JavaScript code receive a “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” error, while Postman does not?
  3. How do I link a JavaScript file to a HTML file?
  4. jQuery equivalent of JavaScript’s addEventListener method
  5. Adding an onclick function to go to url in JavaScript?
  6. Checking a Url in Jquery/Javascript
  7. Best way to store a key=>value array in JavaScript?
  8. When and why to ‘return false’ in JavaScript?
  9. Format date to MM/dd/yyyy in JavaScript
  10. How is JavaScript .on() method defined?
  11. Javascript isnull
  12. JQuery: $.get is not a function
  13. How to read data From *.CSV file using javascript?
  14. How can I expand and collapse a
  15. Javascript : array.length returns undefined
  16. I want to enqueue a .js file to my child theme
  17. Can’t get a JSON object in response to an Ajax request with wp_ajax
  18. How to prevent wordpress from loading old versions of jquery in wp_head();?
  19. Add custom shortcode button to Editor
  20. Infinite scroll / lazy loading with NextGen Gallery [closed]
  21. How to get a jQuery script to run on a page?
  22. Defer Parsing of Scripts
  23. Modify Custom Field in Media Library using JavaScript
  24. Including javascript for a shortcode
  25. Asynchronous Javascript Loaders
  26. Unable to run jQuery script in my template file
  27. How to Use JSON With AJAX?
  28. Using wp_ajax and wp_ajax_nopriv hooks
  29. Prevent five different copies of jquery from being included on every page
  30. Hide/show customizer controls based on other settings in Customizer
  31. How do I get my page to load the jQuery UI Effects library?
  32. javascript is not working on Event Submission?
  33. How to add unique image class to WordPress
  34. Dropzonejs with WPCF7 [closed]
  35. jQuery Tree View and wp_list_pages
  36. Jquery conflict
  37. WordPress audio player causing js error, mediaelementplayer is not a function
  38. Auto-detect javascript errors and warn theme user
  39. combining js scripts from a js newb [closed]
  40. Loading posts via AJAX in a hidden div with updated URL?
  41. Heartbeat API: How to access data already enqueued?
  42. Implementing lazy loading in homepage posts instead of pagination
  43. How to show jquery popup only in one page or once?
  44. Correct way to write jQuery functions in WordPress
  45. WooCommerce Ajax Cart Update Stopped Working
  46. Using bootstrap-slider and bootstrap-switch in wordpress admin panel
  47. Trouble with WordPress Ajax Login System – 302
  48. Limit filetype and wp media
  49. How does WordPress handle HTML Tables interaction with jQuery
  50. JS news ticker is not working on home page but working on other pages. How to solve this?
  51. Problem passing id-specific objects to javascript via wp_localize_script
  52. Callback After WordPress Customizer Complete Loading
  53. “JQMIGRATE: Migrate is Installed” How do I find the problem code? [duplicate]
  54. Referrer URL with jQuery or Javascript – Cache & Referrer URL Issue
  55. Create special WordPress slideshow with “jquery.cycle.all.js”
  56. Using Foundation 5 in WordPress Administration Area
  57. Close Fancybox, sumbit form data and redirect
  58. Ajax Validation for reCaptcha
  59. How to enque js script in footer that are not in .js file?
  60. Properly embed javascript into WP (using function.php) – doesn’t work?
  61. Nested Gallery Shortcode INTERMITTENTLY working
  62. Disable Cloudflare Rocket Loader for jQuery javascript and make it load first
  63. jQuery selectable() function won’t work in wordpress
  64. oEmbed Video in Modal
  65. Custom AJAX form not working async
  66. AJAX Success Function using JS substr() fails in WP 4.1 vs 4.0
  67. Is it OK combined wp-include js, jquery, css? [closed]
  68. Including Older Version of jQuery for IE7/IE8
  69. How To Include JavaScript Files Only In Single Posts?
  70. wordpress before or after javascript problem
  71. Ajax page load in wordpress the right way?
  72. Jquery not working
  73. JS behavior differs depending on page tree [closed]
  74. I am trying to Implement a Code that is Working in my previous page but not working in WordPress for some reason
  75. How to use $ with externally loaded javascript
  76. Theme customisation – how to store javascript externally when it utilises php variables?
  77. Getting click on item to open closest relevant element (popup) with jQuery
  78. jQuery for Fade Preload Causes My Site Favicon to Disappear from Tab of Browser
  79. Customizer add query to preview URL
  80. why does so many javascript libraries are loaded along with my website?
  81. Why does my media selection script write to ONLY the first input field?
  82. onclick jquery function not working in wordpress header file [duplicate]
  83. Modify the href attribute of tag dynamically in WordPress
  84. Add a jQuery snippet for sepcific user role
  85. Bootstrap with separate js File
  86. Move jQuery on *top* of footer
  87. JQuery and Javascript to pan image
  88. Masonry – Can’t Find Variable imagesLoaded
  89. How to get this jQuary script working?
  90. Youtube Iframe Api play one video at a time
  91. How to add JS snippet before closing tag?
  92. Disable drag metaboxes, create many functions using js not to work!
  93. Clear custom field when new tag is added
  94. Are you sure popup on Contact Form 7 [closed]
  95. jQuery ajax empty exeption on wordpress
  96. Custom jQuery plugin not working
  97. javascript not loading in wordpress
  98. JS file not loading [closed]
  99. How to Javascript/jQuery
  100. Sending jQuery variable to php function