<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<a class=" mui-tab-item mui-active" href="#sub1">
<span class=" mui-icon mui-icon-chatbubble"></span>
<span class="mui-tab-label">微信</span>
</a>
<div class="mui-content">
<div class="mui-control-content" id="sub1">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tab 1</title>
</head>
<body style ="background-color:blue">
<table border="0" width="200" height="150" align="right"style="background-color:cadetblue">
<th style="color:white">Tab 2</th>
</table>
<h1>Tab 1</h1>
<h2>Tab 1 content</h2>
<p>This is some nice content on Tab 1 </p>
</body>
<ul class="mui-table-view"></ul>
</div>
<div class="mui-control-content" id="sub2">
<body style ="background-color:cadetblue">
<table border="0" width="200" height="150" align="left"style="background-color:blue">
<th>Tab 1</th>
</table>
<h1 style="color:white">Tab 2</h1>
<h2 style="color:white">Tab 2 content</h2>
<p style="color:white">Lorem ipsum. Some different content here. </p>
</body>
<ul class="mui-table-view"></ul>
</div>
</div>
</html>
点击事件，把非当前页隐藏起来
谢谢