jQuery works except one piece of code

Question

My whole JS file works except this piece of code:

    //Accordion
jQuery('#accordion').find('.accordion-toggle').click(function () {
    console.log(jQuery("#accordion").find(".accordion-toggle"))

    //Expand or collapse this panel
    jQuery(this).next().slideToggle('fast');

});

If I put this in the browser console it works fine.

It is even executing? Is there an error being thrown? Please be a little more articulate on what exactly is going wrong. — Tom Nijs, Dec 06 '16 at 15:43
Possible duplicate of [How can I debug my JavaScript code?](http://stackoverflow.com/questions/988363/how-can-i-debug-my-javascript-code) — Liam, Dec 06 '16 at 15:44
From what you describe it sounds like either interfering code from something else on your page or the elements just don't exist yet. The DOM ready function will fix the latter issue so at least rule that out. — curv, Dec 06 '16 at 15:45

score 2 · Accepted Answer · answered Dec 06 '16 at 15:43

2

Try wrapping it in a DOM ready function:

$(function() {
    //Accordion
    jQuery('#accordion').find('.accordion-toggle').click(function () {
        console.log(jQuery("#accordion").find(".accordion-toggle"));

        //Expand or collapse this panel
        jQuery(this).next().slideToggle('fast');

    }); 
});

answered Dec 06 '16 at 15:43

curv

3,796
4
33
48

1

@Tiboon Great please can you accept this as the answer – curv Dec 06 '16 at 15:47
Needed to wait 10 minutes before that could be done ^^ – user234562 Dec 06 '16 at 16:10

jQuery works except one piece of code

1 Answers1