Perform two functions with onclick

Question

I need to perform two functions with onClick, but I’m not succeeding, could someone help me? I want to hide the father div "introductionAds" and show the div "showID"

function ocultar(ocultarID){
    document.getElementById(ocultarID).style.display='none';
}
function mostrar(mostrarID){
    document.getElementById(mostrarID).style.display='block';
}

.disabled {
  text-decoration: none;
  color: gray;
  cursor: default;
}

<div id='introductionAds'>
  <ul>
    <li><a href="" target='_blank' class='' id="link1"> Link habilitado </a></li>
    <li><a href="" target='_blank' class='disabled' id="link2"> Link habilitado </a></li>
    <li><a href="" target='_blank' class='disabled' id="link3"> Link habilitado </a></li>
    <li><a href="" target='_blank' class='disabled' id="link4"> Link habilitado </a></li>
    <li><a href="" target='_blank' class='disabled' id="link5" onclick="this.onclick=function(){mostrar('mostrarID');ocultar('introductionAds');}"> Link habilitado </a></li>
  </ul>
  <div>

<div id='mostrarID' style='display:none;'>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>

Answer 1

Add point and comma at the end to call the functions, (will be called in order)

 <input id="botao" type="button" value="click" onclick="ocultarID(); mostrarID();"/>

Answer 2

Dude, if I get it right, you’re gonna hide one and show the other at the same time. So you can put it all in one function. It would look like this:

function mostrar (){
  document.getElementById('mostrarID').style.display = 'block';
  document.getElementById('introductionAds').style.display = 'none';
}

And you don’t need to pass anything as a parameter, JS looks for the id in HTML. Try this way, if that’s not what you want, just warn.

Answer 3

You can also transcribe this function into one:

function mostrar(id, show){
    var show = (show) ? 'block' : 'none';
    document.getElementById(id).style.display=show;
}

mostrar('introductionAds', true);
mostrar('introductionAds', false);