Javascript jQuery淡出淡入在跳转而不是覆盖时替换文本

以下代码正在以下网页上运行。如果您单击旋转横幅下方左侧的三个按钮中的任何一个，您将看到我谈论的行为。按钮旁边的文本将淡出并淡入新的部分。但新的部分在第一个部分消失之前就消失了，并重新开始

当我在淡入中使用回调函数时，我认为这不会发生。有人能建议我应该做什么吗

英国增长最快的销售培训公司
战术销售培训，为所有行业提供有效的销售课程。我们提供的培训是互动的、有效的，并且直接从我们自己的行动手册中进行。

我们实践我们所教的；这些课程充满了我们在办公室里寻找新客户或寻求达成交易时所做的事情。
基于行动的开放式销售课程，全国范围
找新生意有困难吗？成交有困难吗？你的资历怎么样？这些问题可以定义好的销售人员与好的销售人员之间的区别。通过我们的开放课程，我们已经帮助100多家企业的销售额成倍增长，我们能为您做些什么？
对于更复杂的销售流程
找到问题的根源或找到完美的解决方案可以是我们的定制选择。许多国内和国际公司选择了这一点，因为他们希望我们深入了解他们的销售流程。


他们还想要一个完美的解决方案，能够立即采取行动，并以可衡量的结果证明其有效性。每次我们执行定制任务时，我们都提供了这一点。
内容文本
$（“.textbutton”）。单击（函数（）{
var link=$（this.attr（“数据连接”）；
$（“.text”）.fadeOut（1000，函数（）{
$（“#”+link）.fadeIn（1000）；
});
返回false；
});

脚本中的一个问题是，您对所有包含文本的项目应用淡出类，并尝试将其中一项淡出。更好的方法是跟踪当前选定的文本，比如添加另一个类selected

这是您可以使用的修改脚本。具有文本类的项目之一必须始终选择类

$(".textbutton").click(function(){
   var link = $(this).attr("data-conn"); 
   $(".texts.selected").removeClass("selected").fadeOut(1000, function() { 
          $("#"+link).addClass("selected").fadeIn(1000); 
          });
   return false;
});

$(".texts:first()").addClass("selected");     

---

此问题可能有助于您：

$(".textbutton").click(function(){
   var link = $(this).attr("data-conn"); 
   $(".texts.selected").removeClass("selected").fadeOut(1000, function() { 
          $("#"+link).addClass("selected").fadeIn(1000); 
          });
   return false;
});

$(".texts:first()").addClass("selected");