Shortcodes are backend stuff, so you can’t just change values of shortcodes itself in editor with jQuery, the thing you can do is to call both shortcodes, hide one of them, and on click show him and hide other one. It all depends what do you want to do, but one of the option is to hide them like this and in this case use classes also with display:none
Related Posts:
- Creating Multiple wp_localize_script for Shortcode?
- Add custom shortcode button to Editor
- call shortcode in javascript
- Including javascript for a shortcode
- Localize variable for multiple Shortcodes
- How disable checkbox when listbox value changes in tinymce
- Creating multiple enclosing shortcodes and fixing JS issues on click
- WP UI style within shortcode – Any Suggestions?
- Why Won’t my jQuery Play Nice with WordPress?
- Reload wordpress shortcodes
- include shortcode values in Thickbox form
- Populating shortcode values dynamically in theme template
- Nested Gallery Shortcode INTERMITTENTLY working
- echo do_shortcode for Contact Form 7 from within dynamically loaded php file
- How to add shortcode to show/hide press releases?
- Uncaught TypeError: undefined is not a function (shortcode-box)
- Append jquery script for each [partners] shortcode with specified values
- Create a short code that inserts js
- jQuery not working for tabs shortcode [closed]
- JavaScript sleep/wait before continuing [duplicate]
- JSON parsing error syntax error unexpected end of input
- Why does my JavaScript code receive a “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” error, while Postman does not?
- How do I link a JavaScript file to a HTML file?
- What does [object Object] mean? (JavaScript)
- jQuery $(this) keyword
- Why does my JavaScript code receive a “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” error, while Postman does not?
- How to set time delay in javascript
- Disable button in jQuery
- jQuery $(this) keyword
- JavaScript error (Uncaught SyntaxError: Unexpected end of input)
- Disable button in jQuery
- JavaScript error (Uncaught SyntaxError: Unexpected end of input)
- How to wait 5 seconds with jQuery?
- Submit a form using jQuery
- How to Handle Button Click Events in jQuery?
- How to enable CORS in flask
- How can I get the ID of an element using jQuery?
- jQuery equivalent of JavaScript’s addEventListener method
- Should I use .done() and .fail() for new jQuery AJAX code instead of success and error
- Pass request headers in a jQuery AJAX GET call
- $.ajax – dataType
- what does jQuery data() function do
- How to show loading spinner in jQuery?
- How can I get the ID of an element using jQuery?
- What is content-type and datatype in an AJAX request?
- jQuery Selector: Id Ends With?
- speedtest.net api
- jQuery dialog popup
- data.map is not a function
- How do you select a particular option in a SELECT element in jQuery?
- Set select option ‘selected’, by value
- Change Placeholder Text using jQuery
- Adding placeholder attribute using Jquery
- jQuery Ajax error handling, show custom exception messages
- How to send multiple data fields via Ajax?
- Adding an onclick function to go to url in JavaScript?
- Checking a Url in Jquery/Javascript
- Jquery change background color
- My javascript is returning this error: $.ajax is not a function
- Best way to store a key=>value array in JavaScript?
- jQuery if div contains this text, replace that part of the text
- Javascript Runtime error: $ is undefined
- Bootstrap – Uncaught TypeError: Cannot read property ‘fn’ of undefined
- jQuery set checkbox checked
- JavaScript: filter() for Objects
- What is different between $(document).on() and $(element).on()
- JavaScript runtime error: ‘$’ is undefined
- When and why to ‘return false’ in JavaScript?
- How to use jQuery qTip?
- Installing jQuery?
- Email validation using jQuery
- Order of $(document).load() and $(document).ready() when deferring loading js
- How to write jquery If else statement?
- Wildcards in jQuery selectors
- wait() or sleep() function in jquery?
- Download File Using jQuery
- jQuery: How can I create a simple overlay?
- JavaScript Loading Screen while page loads
- Jquery Ajax Posting JSON to webservice
- Force a default browser on my android phone using a simple html shortcut page
- Invalid or unexpected token on a very simple function
- Ajax TypeError: $.POST is not a function
- How can I display a tooltip message on hover using jQuery?
- Is jQuery $.browser Deprecated?
- Set selected option of select box
- jQuery date formatting
- Copy to clipboard using jquery?
- TypeError: $.ajax(…) is not a function?
- Format date to MM/dd/yyyy in JavaScript
- jquery loop on Json data using $.each
- How is JavaScript .on() method defined?
- how to use substr() function in jquery?
- How to change a text with jQuery
- XML Parsing Error: not well-formed in FireFox but good in Chrome
- Click button copy to clipboard
- jQuery animate scroll
- Rotate image with javascript
- Ajax Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource
- What does “async: false” do in jQuery.ajax()?
- How to make html table vertically scrollable