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

Question

单击一个元素时,我需要进行简单的幻灯片切换,但是事件需要使用.on事件,我还需要将元素折叠到特定高度,同时在展开时允许任何高度.

换句话说,我无法弄清楚如何实现这个:https: //stackoverflow.com/a/4965021/162642

进入:

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

任何帮助将不胜感激!

Answer 1

试试这个:

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