Menu toggle working only on second click and goes away inconsistently

[Abi_naya]

 <li>
        <a href="javascript:void(0);" id="smt" class="headericon mobilenav-icon"><span></span></a>
        </li>`

`f("#smt, #smp .s-panel--close").on("click", function(s) {
    s.preventDefault();
    A.toggleClass("sidemenu-opened")
});
f("#mmt, #main-nav-mobile .s-panel--close").on("click", function(s) {
    s.preventDefault();
    A.toggleClass("mm-opened")
});
f(".bs-docs-example").each(function(s, K) {
    var J = f(K),
        L = '<a href="#" class="togglecode"></a>';
    if (J.next().is("pre")) {
        J.addClass("withcode");
        J.append(L);
        J.find(".togglecode").on("click", function(M) {
            M.preventDefault();
            J.toggleClass("opened")
        })
    }
});

[DaveMaxwell]

Because sidemenu-opened isn’t there initially?

[Abi_naya]

Couldn’t get u? Can u explain me a bit…

[Mittineague]

He’s asking you if element(s) with the class sidemenu-opened exist in the DOM when that code runs.

[Abi_naya]

Yes yes