Javascript doesn't seem to be working on genesis sample theme

[oceansize]

Hi,
I'm trying to add a css accordion onto my website and the accordion uses javascript to function. Now I don't know why but it doesn't seem to be working, I think this might be because it's not loading the javascript file. I have tried adding the javascript in both the header and body scripts sections in the theme's "scripts" section, I've also tried to enqueue the js file from the functions.php file but nothing seems to work.

Do I need to enqueue jquery or activate something before I then add in my custom javascript? I'm stumped! Any help would be most welcome, thanks.

P.S. This is the css accordion I'm trying to use:
http://css3.bradshawenterprises.com/accordions/

Dan

http://www.foodallergytest.co.uk/faq/

[Victor Font]

If you use your browser's inspection tool, you'll see the actual error. It has more to do with not understanding how WordPress executes jQuery. It has nothing to do with the theme. The WordPress implementation of jQuery is set for compatibility mode, which means the $ shortcut doesn't work. https://digwp.com/2011/09/using-instead-of-jquery-in-wordpress/

This is your code:

$(document).ready(function() {
  $("#accordion section h1").click(function(e) {
    $(this).parents().siblings("section").addClass("ac_hidden");
    $(this).parents("section").removeClass("ac_hidden");

    e.preventDefault();
  });
});

Your can fix this like this:

jQuery(document).ready(function($) {
  $("#accordion section h1").click(function(e) {
    $(this).parents().siblings("section").addClass("ac_hidden");
    $(this).parents("section").removeClass("ac_hidden");

    e.preventDefault();
  });
});

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts