Question

我还在学习jquery。所以，我可以知道在点击按钮隐藏当前元素后，我将如何慢慢滑动或动画下一个元素。我正在使用jquery .hide（＆＃34; slide＆＃34;，1000）和一个按钮来隐藏当前元素，因此元素的样式将显示为：none。但是，下一个元素会快速上升，这不是我想要的结果。

例如，

Element 1
Element 2 
Element 3

我删除后，

     Element1
Element2  <---- is hiding via hide("slide",1000)
     Element3

我期待的是什么，

Element1
...       ^  moving up / sliding up slowly maybe 1-2 secs with animation.
Element3  |

添加小提琴以便更好地理解。

Fiddle

Answer 1

试试这个

脚本：

function myFunction() {
    var startRow = 1; // You can set your start row number here
    var startId = 1; // You can set your start id number here
    var lastRow = 4; // You can set your last row number here, till where you want to set id;
    //if you want this to be last row of sheet then = sheet.getLastRow();
    var tempId = startId;
    for (var x = startRow; x <= lastRow; x++) {
        sheet.getRange(x, 1).setValue(tempId) //set the ID number
        tempId++; // Increment the ID by 1
    }
}

$('.element').click(function(event) {
  $(this).hide("slide", {
    direction: "left"
  }, 1000);
  $(this).next().slideUp("normal");
});

不要忘记加载<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <div class="element">element1</div> <div class="element">element2</div> <div class="element">element3</div> <div class="element">element4</div>和JQuery

这是一个工作小提琴 http://jsfiddle.net/vyafL3cr/4/

在调用jquery hide（）之后如何为下一个元素缓慢滑动

1 个答案: