具有滑动效果或类似效果的JQuery切换

JQuery Toggle with sliding effect or similar

本文关键字：JQuery 切换      更新时间：2023-09-26

我正在使用以下代码：

<script type="text/javascript">
$(function(){
  $('#MyLink').click(function(){
     $('#DivA').toggle();
     $('#DivB').toggle(); 
  });
});
</script>

我只需要添加一些其他效果的滑动，这样你就可以知道它实际上是在从一个div交换到另一个div。

您可以使用滑动切换函数

$(function(){
  $('#MyLink').click(function(){
     $('#DivA').slideToggle();
     $('#DivB').slideToggle(); 
  });
});

你也可以尝试通过一个持续时间来切换——这将为你切换的元素添加一个滑动效果

$(function(){
  $('#MyLink').click(function(){
     $('#DivA').toggle('slow');
     $('#DivB').toggle('slow'); 
  });
});

<script type="text/javascript">
$(function(){
  $('#MyLink').click(function(){
     $('#DivA').slideToggle();
     $('#DivB').slideToggle(); 
  });
});
</script>

jsFiddle

相关文章：