Javascript Jquery动画切换到移动marginTop-附演示

Javascript Jquery动画切换到移动marginTop-附演示,javascript,jquery,jquery-animate,toggle,Javascript,Jquery,Jquery Animate,Toggle,我在使用jquery打开/关闭选项卡时遇到问题。其目的是单击选项卡以显示下方滑块的全屏图像。从技术上讲,滑块本身不会改变,它只是简单地改变位于其下方的面板的边距,以显示滑块的全屏图像。有一个测试链接处于活动状态:-顶部选项卡工作正常,尽管它正在执行类似的功能,但无法使下部选项卡返回其原始位置。任何帮助都将不胜感激 首先,只需单击下方的选项卡“显示全屏图像”-这将打开以显示下面的滑块。只要把它关上就行了 任何jquery专家,请帮助!我是一个jquery新手,正在发疯 下面的代码应该有效: //

我在使用jquery打开/关闭选项卡时遇到问题。其目的是单击选项卡以显示下方滑块的全屏图像。从技术上讲,滑块本身不会改变,它只是简单地改变位于其下方的面板的边距,以显示滑块的全屏图像。有一个测试链接处于活动状态:-顶部选项卡工作正常,尽管它正在执行类似的功能,但无法使下部选项卡返回其原始位置。任何帮助都将不胜感激

首先,只需单击下方的选项卡“显示全屏图像”-这将打开以显示下面的滑块。只要把它关上就行了


任何jquery专家,请帮助!我是一个jquery新手,正在发疯

下面的代码应该有效:

// gets all the anchor elements inside the elements with a css class 'seefullscreentab'
$(".seefullscreentab a").click(function() {
  // the margin to animate will be 0% if the anchor css class is 'opentab' and -15% if not
  var margin = $(this).hasClass('opentab') ? '0%' : '-15%';
  // animates the element with the css class 'scrollpage-container' to the margin above
  $(".scrollpage-container").animate({ marginTop: margin }, 500);
  // toggle the visibility of the anchors
  // (the current visible anchor turns to hidden, and the hidden one turns to visible)
  $(".seefullscreentab a").toggle();
});

欢迎来到StackOverflow!将你尝试过的代码粘贴到你的问题中,因为这里的问题必须是自我解释的,而外部链接只是问题的附加部分。请粘贴你的代码以澄清更多。。。谢谢你-谢谢你的回复。。。这确实有效,但是,它确实关闭了选项卡,但是,它也对选项卡和消息的切换产生了一些奇怪的影响。请参阅修改后的编辑链接。。。有什么想法吗?我对jquery的理解太深了。。。我尝试过一些事情,但不断出错。正如他们所说,你是。。。那个人。有没有可能你可以一行一行地告诉我,因为我不完全理解第二行。再次感谢-你是个救命恩人!再次感谢。。。你能告诉我“?”是什么吗?它只是if/else条件的简写:
prop=(条件)?(真实行为):(虚假行为)
@Goardo与
if(条件){prop=(真动作);}else{prop=(假动作);}