html菜单隐藏但划到显示,如何在正确的登录凭证中取消隐藏或显示html中的隐藏菜单？...

我希望仅在正确的登录凭证中显示Html中的下拉菜单。如果用户输入不正确的登录凭据，则由于安全原因，下拉菜单应保持隐藏状态。如何在正确的登录凭证中取消隐藏或显示html中的隐藏菜单？

但问题是，当我输入正确的登录凭据，并通过Javascript方法验证它，然后下拉菜单显示一秒钟，然后消失。它瞬间闪烁并隐藏起来。

任何人都可以指导我到底我哪里错了吗？

function myFunction() {

var username = document.getElementById("username").value;

var password = document.getElementById("password").value;

if (username == "abc" && password == "123"){

if(document.getElementById('div2').style.display == 'none'){

document.getElementById('div2').style.display = "block";

}

}

else{

document.getElementById('div2').style.display = "none";

}

}

A Paragraph.

Username

Password

admin

courseinstructor

validator

papercreator

2016-03-05

Vishal