问调用JQuery函数onClick

EN

function validateEmailAddress() {
  console.log('Email');
}

function hello() {
  console.log('JavaScript');
  
  $("#Signers").show(30, function() {
    // do something after show
    console.log('jQuery');
  });
}

/** 
 * This CSS is just here to hide and stylize #Singers, it's 
 * not actually needed for the slution 
 **/
 
#Signers {
    display: none;
    font-size: 'Arial', sans-serif;
    background-color: #FF0000;
    color: #FFFFFF;
    padding: 30px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a href="#x" onclick="validateEmailAddress();hello()"><span>Confirm</span></a>
<div id="Signers">#Singers</div>

<style>
#Signers{display:none;}
</style>

<script>

    $(document).ready(function(){
        //jquery code
    });
    function hello(){
        $("#Signers").show(30,function() {}); 
    }

</script>

function hello(){
 $("#Signers").show(30,function() {
 }); 
}

$(document).ready(function () {
    hello();
  });