Javascript 使用fadein&；按钮在两个文本之间切换；淡出

假设我有div1和div2，它们都有不同的文本内容。 我想有一个按钮开关之间的这些每次点击淡入淡出每一次。

---

有人能帮忙吗？我只能用定时器切换，但不能用按钮。

所以你想让它在两个div之间切换？如果我能看到一些工作，那就太好了，但是如果说您有两个div，那么下面的代码将以div one开始，并在单击按钮时替换

HTML 您可以查看演示

---

P.S.谷歌通常对这类问题很有用

欢迎来到SO！请仔细检查一下。如果可能的话，请始终添加您在现场演示中尝试过的代码。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
<div id = "div1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sit amet facilisis augue. Integer eu quam ac libero efficitur semper ac in lectus. Quisque iaculis elementum quam, nec fermentum turpis.</div>
<div id = "div2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque erat neque, accumsan sodales pharetra in, vestibulum a dui. Nam egestas gravida libero vitae cursus. Fusce ullamcorper felis ligula, laoreet facilisis.</div>
<button onclick = "switchText()">Switch texts</button>

$("#div2").hide()
var currentView = "div1"
function switchText(){
if(currentView=="div1"){currentView="div2";$("#div1").hide();$("#div2").show()}
else{currentView="div1";$("#div2").hide();$("#div1").show()}}