CMS Development

DNeubauer
Membre

adding onclick to module

Résolue

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 Votes
1 Solution acceptée
Anton
Solution
Expert reconnu | Partenaire solutions Diamond
Expert reconnu | Partenaire solutions Diamond

adding onclick to module

Résolue

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

Voir la solution dans l'envoi d'origine

3 Réponses
Anton
Solution
Expert reconnu | Partenaire solutions Diamond
Expert reconnu | Partenaire solutions Diamond

adding onclick to module

Résolue

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
Équipe de développement de HubSpot
Équipe de développement de HubSpot

adding onclick to module

Résolue

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

0 Votes
dennisedson
Équipe de développement de HubSpot
Équipe de développement de HubSpot

adding onclick to module

Résolue

@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?