Question

I want to pass two elements in the same event to a function so as to display both elements upon clicking a link button.

this is the function

function showMenu(elmnt)
        {
            document.getElementById(elmnt).style.visibility="visible";
        }

These are the two element I want to display. Only the first one is displayed. How can I display both
at the same time by clicking the button.

<div id="navigation">
        <ul>
            <li><a href="#" onClick="showMenu('scroll')" onClick="showMenu('oath')" >Oath</a></li>
            <li><a href="#">Apply</a></li>
        </ul>
    </div>

Answer 1

function showMenu(elmnt1, elmnt2) {
    document.getElementById(elmnt1).style.visibility="visible";
    document.getElementById(elmnt2).style.visibility="visible";
}

onClick="showMenu('scroll', 'oath')"

or:

function showMenu(elements) {
    for (var i = 0; i < elements.length; i++) {
        document.getElementById(elements[i]).style.visibility="visible";
    }
}

onClick="showMenu(['scroll', 'oath'])"

This all could be done much more elegantly by attaching the event handlers using Javascript etc., you should look into unobtrusive Javascript.