jQuery function not working in WordPress but works in jsfiddle

There are a few possible culprits for your issue:

  1. If the script file for this function is loaded before jquery is loaded, you may see a jquery is not defined error in the debugger/console. If that’s the case, just change the order of your script loading to ensure the dependencies are loaded first.

  2. If the function is being added directly into the wysiwyg body area or a template file and not a js file for the theme, you may need to call jQuery.noConflict(). See the jQuery documentation about when and why you would use this.

Also worth noting, you have a typo in the javascript code you posted here. There shouldn’t be a period/dot in front of the class name being passed to addClass or removeClass

Related Posts:

  1. JavaScript Loading Screen while page loads
  2. Click button copy to clipboard
  3. How to make html table vertically scrollable
  4. How to make Bootstrap carousel slider use mobile left/right swipe
  5. bootstrap 3 navbar collapse button not working
  6. Play/pause HTML 5 video using JQuery
  7. jQueryUI dialog width
  8. Random background images CSS3
  9. How do I remove a box-shadow effect from an element when another element is hovered?
  10. Slide right to left?
  11. Accordion scrolls page too low after clicking on the title [closed]
  12. Getting click on item to open closest relevant element (popup) with jQuery
  13. jQuery for Fade Preload Causes My Site Favicon to Disappear from Tab of Browser
  14. Site images are fixed in front of my site content [closed]
  15. change the icon of a custom post type in WordPress to use twitter boostrap
  16. can’t make jQuery work (change image on time interval) [closed]
  17. How do I link a JavaScript file to a HTML file?
  18. How can I scroll to an element using jQuery?
  19. Bootstrap Dropdown menu is not working
  20. Change Background color (css property) using Jquery
  21. JavaScript runtime error: ‘$’ is undefined
  22. Set timeout for ajax (jQuery)
  23. Use images like checkboxes
  24. Force a default browser on my android phone using a simple html shortcut page
  25. Set selected option of select box
  26. Bootstrap Dropdown menu is not working
  27. Bootstrap Dropdown menu is not working
  28. jQuery.addClass not working
  29. Uncaught TypeError: Cannot read property ‘top’ of undefined
  30. Why is the jquery script not working?
  31. How to make a simple image upload using Javascript/HTML
  32. How to Show External website inside another page without iFrame? [closed]
  33. Display XML content in HTML page
  34. How to center image in carousel
  35. Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery
  36. Bootstrap carousel not sliding
  37. Can Twitter Bootstrap alerts fade in as well as out?
  38. Refresh/reload the content in Div using jquery/ajax
  39. How to get height of div in px dimension
  40. Clear form fields with jQuery
  41. How to call a webservice method from an html page [javascript] with out refresh the page
  42. Javascript – ERR_CONTENT_LENGTH_MISMATCH
  43. Why is jquery show() not working in example
  44. jQuery scrollTop() method not working
  45. $(document).ready(function() is not working
  46. Fully responsive HTML5 video
  47. Show div #id on click with jQuery
  48. jQuery find element by data attribute value
  49. How to use aria-expanded=”true” to change a css property
  50. How to set “style=display:none;” using jQuery’s attr method?
  51. jQuery UI Datepicker not working
  52. Automatically decrease font size for long words
  53. Best approach for loading a sidebar Only if the screen max-width is >900px?
  54. Twitter Bootstrap Use Collapse in Custom Post Type
  55. Stylizing external SVG files with jQuery and CSS
  56. Gravity list field override and adding javascript [closed]
  57. Show post in slider
  58. Add a class to posts in increments of 2
  59. Override theme style with other CSS on a specific page
  60. How can I make this custom menu work?
  61. Remove WordPress scripts
  62. How to make an WordPress element sticky? [closed]
  63. WordPress Comments – Rich Text
  64. WordPress Multiple Navigation bars
  65. show/hide div with simple jQuery script [closed]
  66. Google yolo one tab signup plugin avilable in wordpress? [closed]
  67. What is the propre way to include jQuery UI Datepicker’s CSS in plugin?
  68. Adding a Calculator to a WordPress Page
  69. Adding a slide toggle on WordPress
  70. Superfish Menu Not Loading
  71. Problem Implementing parallax in header of bp-default theme
  72. specifying relative file paths in WP with jQuery requests not working
  73. How to keep HTML form field that is conditional hidden with javasript hidden after page reload?
  74. click event to unhide something after ajax not firing
  75. Is it OK combined wp-include js, jquery, css? [closed]
  76. Insert a Featured Video
  77. How to use JQuery Marquee in WordPress?
  78. jQuery Drill Down iPod Menu FOUC and Selecting Current page
  79. Add other class content with reference class value
  80. Overriding inline !important CSS with Javscript code snippet with media query
  81. JQuery script working locally on desktop, not working on WordPress + Divi
  82. How to make jquery slider to start afresh [closed]
  83. Unable to use Datepicker in a table when inserting a row
  84. jQuery Validation plugin and Bootstrap 4 CSS classes
  85. How Do I change Markup of a link in WordPress
  86. How can publish my bootstrap created table ( huge amount of data) on my word-press theme?
  87. Lightbox scroll page down on iPhone
  88. how to allow download after newsletter subscription?
  89. How can I add a new lib path without call each one on the header?
  90. How can I add the Post ID to Class Name in Jquery?
  91. WP Media Uploader modal conflicts with Bootstrap modal
  92. :first-child applying to all links [closed]
  93. Possible jquery / library conflict in plugin usage
  94. How to update scrollbar when using Jetpack’s Inifnite Scroller?
  95. Hide input field when second input field is in focus
  96. Drop Down Category Menu Not Working
  97. Element works, but not on wordpress site [duplicate]
  98. controlling the showing and hiding of the website logo
  99. How do I add Javascript and CSS files into WordPress?
  100. Contact Form 7 – Submit Form not working After Ajax Request [closed]