CMS Development

DNeubauer
Miembro

adding onclick to module

resolver

Trying to create a hamburger menu but the HTML is not reading my onclick. This is my button: 

 

<button
class="dropbtn-mobile"
onclick="toggleMenu()">

 

And my js: 

 

function toggleMenu() {
console.log('hello');
var menuBox = document.getElementById('dropdown-content-mobile');
if(dropdown-content-mobile.style.display == "block") { // if is menuBox displayed, hide it
dropdown-content-mobile.style.display = "none";
}
else { // if is menuBox hidden, display it
dropdown-content-mobile.style.display = "block";
}
}

 

It says my function is not defined. 

 

0 Me gusta
1 Soluciones aceptada
Anton
Solución
Experto reconocido | Partner nivel Diamond
Experto reconocido | Partner nivel Diamond

adding onclick to module

resolver

Hi @DNeubauer

seems like a pretty "complicated" function for just a toggle effect.

 

Try this(don't forget to load jQuery before this code):

$( ".dropbtn-mobile" ).click(function() {
$( ".dropdown-content.mobile" ).slideToggle( "slow", function());
});

 

 

hope this helps,

 

 

best, 

Anton 

 

---

@dennisedson - jumping in since @Oezcan is on vacation 😁

 

 

Anton Bujanowski Signature

Ver la solución en mensaje original publicado

3 Respuestas 3
Anton
Solución
Experto reconocido | Partner nivel Diamond
Experto reconocido | Partner nivel Diamond

adding onclick to module

resolver

Hi @DNeubauer

seems like a pretty "complicated" function for just a toggle effect.

 

Try this(don't forget to load jQuery before this code):

$( ".dropbtn-mobile" ).click(function() {
$( ".dropdown-content.mobile" ).slideToggle( "slow", function());
});

 

 

hope this helps,

 

 

best, 

Anton 

 

---

@dennisedson - jumping in since @Oezcan is on vacation 😁

 

 

Anton Bujanowski Signature
dennisedson
Equipo de producto de HubSpot
Equipo de producto de HubSpot

adding onclick to module

resolver

Let him know that he is not being paid while on this vacation 🙃

0 Me gusta
dennisedson
Equipo de producto de HubSpot
Equipo de producto de HubSpot

adding onclick to module

resolver

@DNeubauer 

I would check out that if statement.  instead of using your declared variable menuBox, you are using an undefined variable dropdown-content-mobile which appears to be a css ID. 

@Oezcan , what do you think?