Question

我正在使用此代码：

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

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

Answer 1

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

jsFiddle

Answer 2

您可以使用slidetoggle功能

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

您还可以尝试将持续时间传递给切换 - 这会为您要切换的元素添加滑动效果

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

JQuery Toggle具有滑动效果或类似功能

2 个答案: