jquery - jQuery のスライド .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");
}