CMS Development

DNeubauer
Mitglied

adding onclick to module

lösung

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 Upvotes
1 Akzeptierte Lösung
Anton
Lösung
Trendsetter/-in | Diamond Partner
Trendsetter/-in | Diamond Partner

adding onclick to module

lösung

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

Lösung in ursprünglichem Beitrag anzeigen

3 Antworten
Anton
Lösung
Trendsetter/-in | Diamond Partner
Trendsetter/-in | Diamond Partner

adding onclick to module

lösung

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
HubSpot-Produktteam
HubSpot-Produktteam

adding onclick to module

lösung

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

0 Upvotes
dennisedson
HubSpot-Produktteam
HubSpot-Produktteam

adding onclick to module

lösung

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