Javascript 用jQuery替换按钮文本

有一个按钮，我用幻灯片切换显示div。按钮文本为“显示部分客户端列表”。。。单击后，它将更改为“隐藏部分客户端列表”。它工作得很好，但我想知道是否可以添加一个过渡效果，这样文本就不会在单击时突然改变

JS

$(document).ready(function(){
   $('.show-clients').click(function() {
   $('.more').slideToggle(400);
   $(this).text($(this).text() == 'Show Partial Client List' ? 'Hide Partial Client List' : 'Show Partial Client List');
   return false;
   });
});

  $('.fadr').fadeOut( 1000, function() {
     $('.fadr').html("Your New Text");
     $('.fadr').fadeIn();
  });

.more类附加到隐藏的div，其中包含单击按钮时将显示的内容

HTML

<a href="#/" class="button solid show-clients">Show Partial Client List</a>

<a href="#/" class="button solid show-clients"><div class="fadr">Show Partial Client List</div></a>

---

您可以使用

.fadeIn（）

和

.fadeOut（）

jQuery函数：

$（文档）.ready（函数（）{
$（'.show clients'）。单击（函数（）{
//$（'more'）。滑动切换（400）；
$（this）.fadeOut（200，function（）{
$（this）.text（$（this）.text（）=='显示部分客户端列表'？'隐藏部分客户端列表'：'显示部分客户端列表'）.fadeIn（200）；
});
返回false；
});
});
您可以使用
.fadeIn（）
和
.fadeOut（）
jQuery函数：


$（文档）.ready（函数（）{
$（'.show clients'）。单击（函数（）{
//$（'more'）。滑动切换（400）；
$（this）.fadeOut（200，function（）{
$（this）.text（$（this）.text（）=='显示部分客户端列表'？'隐藏部分客户端列表'：'显示部分客户端列表'）.fadeIn（200）；
});
返回false；
});
});

您可以，但要做到这一点，您不会使用text（）方法来更新它。您需要向包含文本的按钮添加一个容器，并在文本更改时淡入淡出该容器

HTML

<a href="#/" class="button solid show-clients">Show Partial Client List</a>

<a href="#/" class="button solid show-clients"><div class="fadr">Show Partial Client List</div></a>

可以，但要这样做，您不会使用text（）方法来更新它。您需要向包含文本的按钮添加一个容器，并在文本更改时淡入淡出该容器

HTML

<a href="#/" class="button solid show-clients">Show Partial Client List</a>

<a href="#/" class="button solid show-clients"><div class="fadr">Show Partial Client List</div></a>

您可以复制它，但要这样做，您不会使用text（）方法来更新它。您需要在包含文本的按钮中添加一个容器，并在文本发生变化时淡入淡出该容器。您可以添加一个可能重复的容器，但为此，您不会使用text（）方法对其进行更新。你需要在按钮中添加一个包含文本的容器，当文本发生变化时，将该容器淡入淡出。做得很好。我使用单击事件使其工作，但它仍然与幻灯片切换相关联。非常感谢你实际上，是否要将状态返回到原始文本？是的。请参阅我下面的解决方案。他/她包含了一个三元语句，可以在点击时在文本之间切换。明白了！再次非常感谢，做得很好。我使用单击事件使其工作，但它仍然与幻灯片切换相关联。非常感谢你实际上，是否要将状态返回到原始文本？是的。请参阅我下面的解决方案。他/她包含了一个三元语句，可以在点击时在文本之间切换。明白了！再次非常感谢。