javascript - 具有滑动效果或类似效果的 JQuery Toggle

标签 javascript jquery

我正在使用这段代码:

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

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

最佳答案

你可以使用滑动切换功能

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

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

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

关于javascript - 具有滑动效果或类似效果的 JQuery Toggle,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8746364/

相关文章:

javascript - 反馈表不显示

javascript - 如果选中复选框,则验证 DropDownList

javascript - 将管道添加到表中

jquery - 如何比较 jquery 中 HTML 文本框的属性?

asp.net - 无法让 JQuery 在母版页中工作

javascript - 浏览器中大型 XML 文件的快速自然排序?

javascript - 如何在点击事件中设置全局变量?

javascript - 难以分配折扣

javascript - 在显示页面之前使用 jquery ajax 加载图像和声音

javascript - 使用 javascript 调整 Cycle2 的大小让事情变得紧张