通过单击更改div内容，但保留在页面上

Question

我有一个静坐，我的菜单栏中的主要主题只包含引言，没有任何图片。所以我更喜欢一个解决方案，点击＆＃34;关于我＆＃34;不是一个完整的网站必须被加载，虽然只有那个div的内容改变了，通过淡出第一个并淡化那一个，这是相应的一个，点击的元素。

有没有人为我提供解决方案，因为我尝试使用LUKGt / 5 / jsfiddle无法正常工作，而且每次都有内容显示。

之前的

Answer 1

您可以使用.html（[html content here [）方法替换div的html内容。在按钮/菜单项上单击触发一个函数，该函数获取要加载的信息并使用.html覆盖所需div中的内容。

JsFiddle：https://jsfiddle.net/fgazfLaz/1/

HTML

<div id="content">
  Starting Content
</div>

<button type="button" id="changeContentBtn">Change div content</button>

的Javascript

$("#changeContentBtn").click(function() {
  $("#content").html("Ending Content");
})