<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<button type="button" οnclick=show1()>会员</button>
<button type="button" οnclick=show2()>订单</button>
<div style="display: block" id="vip">
I am a VIP
</div>
<div style="display: none" id="order">
I am an order
</div>
</body>
<script type="text/javascript">
function show1(){
document.getElementById("vip").style.display="block";
document.getElementById("order").style.display="none";
}
function show2(){
document.getElementById("vip").style.display="none";
document.getElementById("order").style.display="block";
}
</script>
</html>