jQuery has a toggleClass function:
<button class="switch">Click me</button> <div class="text-block collapsed pressed">some text</div> <script> $('.switch').on('click', function(e) { $('.text-block').toggleClass("collapsed pressed"); //you can list several class names e.preventDefault(); }); </script>
Related Posts:
- How to set time delay in javascript
- Disable button in jQuery
- Submit a form using jQuery
- Adding placeholder attribute using Jquery
- wait() or sleep() function in jquery?
- Force a default browser on my android phone using a simple html shortcut page
- Is jQuery $.browser Deprecated?
- jQuery date formatting
- Ajax Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource
- $ versus jQuery
- How to center image in carousel
- Enable & Disable a Div and its elements in Javascript
- Which selector do I need to select an option by its text?
- jQuery dynamic selector
- How to pass $(this) properly in click jQuery function
- How to remove specific value from array using jQuery
- Check if inputs are empty using jQuery
- The ‘describe’ keyword in javascript
- e.preventdefault(); not working
- How do I remove a box-shadow effect from an element when another element is hovered?
- jQuery delay not working
- Validate form before submit jquery
- How to get a value of an element by name instead of ID
- jquery clear input default value
- How to save the state of a drag and drop jQuery UI Sortables front end layout editor?
- How to manage ajax calls and JSON in wordpress
- How to get the path to current theme, but from a JS file?
- How do I use WP’s jQuery
- call shortcode in javascript
- Deregister WordPress jquery on specific page
- Fire jQuery function when post edit screen loads
- Add X meta box inputs based on form at top of meta box, how to do it right?
- Stylizing external SVG files with jQuery and CSS
- WordPress REST endpoint not able to reach with jQuery
- Execution of JavaScript on save post
- How do I pass WordPress’s get_bloginfo(‘siteurl’) to Jquery?
- How to force jQuery to load as a first script in header in frontend?
- jQuery breaking my wordpress site
- Googles jQuery: Are There Avantages to Using It?
- Create URL with parameter for JQuery toggle status
- Stop theme’s jQuery function from running
- Populating autocomplete field with custom post type
- Making the wordpress login form a jQuery dropdown
- Not sure why wp_ajax isn’t working?
- Is it necessary to enqueue jquery?
- WordPress Ajax problem with undefined url
- Use Media Uploader on Multiple Images on same page
- Move jQuery to the bottom of the page whilst keeping the WordPress jQuery
- Intergrating agile carousel to wordpress: how to write the ajax_callback function
- How I got jQuery Quicksand working with WordPress?
- How can I fire a jQuery event once getBlocks() actually returns the post’s blocks instead of null?
- WordPress + BlockUI or a splash page [closed]
- WP http XML response HTML encoding and image display problems
- Using WP_Query to grab custom meta values, foreach to json object
- Add/remove action on jQuery toggle
- jShowOff not showing numeric links, shows ‘undefined’ instead
- Javascript stopped working [closed]
- Firebug says jQuery is loaded but $() and jQuery() are not defined
- Why is my WordPress loading old version of JQuery?
- delete post meta by AJAX
- url – ajax loaded but no JS
- Why should I deregister jquery?
- jQuery does not work on WordPress editor
- how to json_encode(); the Loop content so that the encoded array is [“0”:content, “1”:content]
- jQuery will not work on page from snippet or file
- Loading jquery locally
- How to call custom jQuery plugins into the customizer controls
- No Object Properties sending form through AJAX
- Redirect wp_dropdown_pages() to an AJax request?
- Change zurb foundation top bar style on.scroll in wordpress theme using jquery and css
- click event to unhide something after ajax not firing
- WP_ENQUEUE not working with Foundation 5
- Save jQuery UI Sortable on WordPress
- Why does WordPress load jQuery in my header instead of footer?
- Problem adding MP3 attachments to a jPlayer playlist
- JQuery Issues With WordPress Theme Interface
- wp_enqueue_script jquery and jquery ui not working
- wp_enqueue_script calling jQuery at different times for different browsers?
- Retrive username of the loged in user using jquery
- Get with jQuery the value of an ACF field
- I want to run Sql Query in script how can i do this
- jquery Autocomplete
- Homepage loads many unnecessary jquery-ui files
- How to change event in slider
- Adding scripts before plugins scripts
- Autocomplete for titles via ajax – rework of past post away from like_escape()
- Bootstrap with Flexslider jQuery Issue
- slide change on hover with nextgen scrollgallery [closed]
- Sorting UL Listing Within the TinyMCE Visual Editor in WordPress
- How to make jQuery load AFTER plugin’s script?
- jQuery not working internal pages [duplicate]
- My .js file is getting a 404
- Contact Form 7 submission does not complete [closed]
- Unable to understand this jquery code [closed]
- how to display post in jquery slider and carousel
- Carousel Hover Image
- What is calling jquery?
- Accessing Advanced Custom Fields with Repeater using jQuery instead of PHP
- How to Add jQuery cod in wordpress [duplicate]
- Can’t seem to check off a category checkbox with jquery?