Tenho divs no meu código em html (são 3 barras de menu), quando eu clico, ela se transforma (como se fosse uma animação) em um x, porém, quero que quando ela se transforme e eu clique nela ela execute outra função diferente da primeira. Um "openNav()" na primeira e um "closeNav()" na segunda, alguem sabe um jeito? Usando o "onClick="
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
document.getElementById("main").style.marginLeft = "250px";
document.getElementById("t").onClick="closeNav()";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
document.getElementById("main").style.marginLeft = "0";
}
function myFunction(x) {
x.classList.toggle("change");
}
<div id="t" class="container1" onclick="openNav()">
<div class="container1" onclick="myFunction(this)" >
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
</div>