jQuery slideToggle 使用 .on 切换到特定高度

Posted 2023-05-08

【中文标题】jQuery slideToggle 使用 .on 切换到特定高度

【英文标题】：jQuery slideToggle to a specific height using .on

【发布时间】：2013-03-09 11:42:52

【问题描述】：

我需要在单击元素时进行简单的滑动切换，但是该事件需要使用 .on 事件，并且我还只需要将元素折叠到特定高度，同时在展开时允许任何高度。

换句话说，我不知道如何实现这一点： https://***.com/a/4965021/162642

进入这个：

$(document).on("click",'.SomeElement',function(e)

    e.preventDefault();
    // toggle here

任何帮助将不胜感激！

【问题讨论】：

你真的应该看看 api.jquery.com/category/effects/sliding 并在尝试做很多魔法之前阅读一些内容，这将对你未来有所帮助，很多！

是的，但这是一次性的。我不倾向于做 that 很多 jQuery。不过还是看看吧。

你不能 click 和 slideToogle 在同一个元素上。有一个阶段，你没有什么可点击的。

【参考方案1】：

试试这个：

$(document).on("click", ".SomeElement", function() 
  if($(this).hasClass("toggled")) 
    $(this).animate("height": "100px").removeClass("toggled");
   else 
    $(this).animate("height": "50px").addClass("toggled");

【讨论】：

我用这个做了一些改动。