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

【问题标题】：jQuery slideToggle to a specific height using .onjQuery slideToggle 使用 .on 切换到特定高度
【发布时间】：2013-03-09 11:42:52
【问题描述】：

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

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

进入这个：

$(document).on("click",'.SomeElement',function(e)
{
    e.preventDefault();
    // toggle here
}

任何帮助将不胜感激！

【问题讨论】：

你真的应该看看 api.jquery.com/category/effects/sliding 并在尝试做很多魔法之前阅读一些内容，这将对你未来有所帮助，很多！
是的，但这是一次性的。我不倾向于做 that 很多 jQuery。不过还是看看吧。
你不能 click 和 slideToogle 在同一个元素上。有一个阶段，你没有什么可点击的。

标签： jquery slidetoggle

【解决方案1】：

试试这个：

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

【讨论】：

我用这个做了一些改动。