Question

我见过很多关于jQuery和幻灯片切换跳转问题的帖子，但我是这个代码的新手，并不完全理解我需要做些什么来修复它。我试图有几个按钮，当点击button1时它会打开，但是当点击另一个按钮（button2）时，Button1关闭，Button2打开。我有这部分工作，但我仍然遇到跳跃问题。这是我的代码：

function toggleDiv(divId) {
   $('div[name|="newboxes"]').each(function(index) {
   if ($(this).attr("id") == divId) {
       $(this).slideToggle(1500, "easeInOutCirc") 
   } else {
       $(this).slideUp(500, "easeInOutCirc");
   }
   });
function toggleByClass(className) {
     $("."+className).toggle();
}
}

任何建议都会非常有用，非常感谢感谢。

Answer 1

J Query的幻灯片Toggle（）API有跳转问题。在我的问题中，我试图在运行时滑动数据渲染的div，因此面临跳跃的问题。

我以下面的结尾：

$("#divId").animate({"margin-top" : "toggle"}); //向下滑动，但它会像幻灯片切换API一样顺畅地打开div $("#divId").animate({"height" :"toggle"}) ; //向上滑动

slideToggle Jump

1 个答案: