jquery – 修改show / hide函数只能缩放宽度,而不是height?

前端之家收集整理的这篇文章主要介绍了jquery – 修改show / hide函数只能缩放宽度,而不是height?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
正如标题所示,我使用jQuery的显示和隐藏功能来隐藏和显示元素.但是,我不想在元素的高度上缩放,只是宽度.

我正在考虑使用动画功能,但我不知道这是否是最好的方法.

此外,我不想在JavaScript中设置高度,因为它可能会在标记中更改.

理想情况下,我想要发生的是当函数调用来隐藏对象的宽度从原始宽度到0的元素,并且它的alpha下降到0,那么当我告诉它显示时会发生相反的情况.

解决方法

你想要使用动画功能
$("div.myElement").animate({width: "toggle"});

动画展示和隐藏方法主要是显示漂亮动画的虚荣方法.一般来说,您将要自定义效果.你也可以试试:

$("div.myElement").animate({width: "toggle",opacity: "toggle"});

一个相当宽阔和淡入淡出的效果.如果您发现自己一次又一次地使用这些动画,您可以将它们包装在一个新的jQuery方法中:

$.fn.myShow = function(duration) {
  return this.animate({width: "toggle",opacity: "toggle"},duration || 1000);
});

$("div.myElement").myShow("slow");
原文链接:https://www.f2er.com/jquery/176060.html

猜你在找的jQuery相关文章