使用带有fadein＆amp;的按钮在两个文本之间切换淡出

Question

好吧，假设我有div1和div2，每个都有不同的文字内容。 我希望每次点击之间都有一个按钮切换，每次点击都会淡入淡出。 有人可以帮忙吗？我只能用计时器切换，但不能用按钮切换。

Answer 1

所以你想让它在两个div之间切换？如果我能看到一些工作，那就好了，但是说你有两个div，下面的代码会启动你的d​​iv一个，当点击一个按钮时替代

HTML

<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>

JavaScript（JQuery）

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

您可以查看演示here
附：谷歌通常对这类问题很有用