riZ*_*ZZi 3 html javascript css jquery
我是编码的初学者，我一直试图在互联网上搜索不同的方法来做到这一点，它们似乎无处不在。我有一个带有“关于我”链接和“联系”链接的简单页面。我希望默认信息是关于我的信息，然后如果您单击页面上内容的联系以切换到我的联系信息，然后如果您再次单击关于我以切换回来。
是否可以仅使用 HTML 或我需要使用 jQuery 来做到这一点？我正在尝试建立一个适当的 Div 结构并找出必要的 jQuery 函数，但我遇到了一个似乎非常简单的问题。
我感谢您的帮助。
谢谢！
更新 #1：这是我目前正在写的内容
<link rel="stylesheet" type="text/css" href="css.css">
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.2.min.js"></script>
</head>
<header>
<img src="header.jpg" style="border:3px solid black; border-radius:10px">
<p>the only way to predict the future, is to create it...</p>
<div>
<ul>
<li><a href="#" class="aboutme">About Me</a></li>
<li><a href="#" class="contact">Contact</a></li>
</ul>
</div>
</header>
<body>
<div class="aboutme" id="about me" >
<p>This is about me</p>
</div>
<div class="contact" id="contact" style="display:none">
<p>This is my contact into </p>
</div>
</body>
</html>
我曾尝试使用这些不同的技术，但无法理解它们
http://jsfiddle.net/mA8hj/ 更改 div 的内容 - jQuery 使用 <div style="display:none"> http://jsbin.com/ivenik/2/edit?html,css,js隐藏表格数据，输出
小智 7
我讨厌人们只是在不提供帮助的情况下对某事投反对票。我假设你在做什么是这样的......
<html>
<body>
<p>Page Title</p>
<div id="AboutMeHTML" style="visibility:hidden;">This is about me</div>
<div id="ContactHTML" style="visibility:hidden;">This is contact HTML</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td onclick="document.getElementById('AboutOrContactDiv').innerHTML=document.getElementById('AboutMeHTML').innerHTML;">About Me</td>
<td onclick="document.getElementById('AboutOrContactDiv').innerHTML=document.getElementById('ContactHTML').innerHTML;">Contact Info</td>
</tr>
</table>
<div id="AboutOrContactDiv"></div>
</body>
</html>但是反对者是正确的，这个问题有点含糊。事实上，有几种方法可以实现这一点。我上面列出的方法是使用 javascript，但在某些情况下可能并不理想。另一种javascript方法是切换AboutMeHTML div和ContactHTML div的可见性，尽管我经常避免这样做，因为它有时会使页面跳转。您还可以使用 iframe 并为 AboutMe 和 Contact 使用单独的页面，只需更改源，或者不是在隐藏 div 的文档正文中指定 AboutMe 和 Contact innerHTML，您可以在 javascript 中将其指定为变量。后者可能会表现得更好，但我这样做的方式使得使用 Dreamweaver 或类似软件进行编辑变得更加容易。