使div显示而不是滑动到位置

时间:2012-05-19 06:39:08

标签: javascript jquery jquery-animate progress

我有一个进度条应该转到六个缩略图中的一个,具体取决于你点击的那个。它的工作正常,它是正确的拇指,并做它的工作。事情是,我需要它在移动时消失,并在停止移动时重新出现。我尝试使用hide,但这并没有奏效。脚本是

 $(function(){
  $("#content div:not(.control)").bind('touchstart click', function() {
   $(".control").animate({ top: $(this).offset().top, height: $(this).height() });
  });
   });

有人可以帮我找到最佳方法吗?感谢

1 个答案:

答案 0 :(得分:1)

如果我做对了,也许会这样做:

$("#content div:not(.control)").bind('touchstart click', function() {
  // first, we hide .control, then do animation, then in the callback we do fadeIn
  $(".control").hide().animate({
    top: $(this).offset().top,
    height: $(this).height()
    }, function() {
       $(this).fadeIn();
    }
  );
});