Javascript 一次单击添加/删除类

我怎样才能做到在打开div时一次单击就可以添加类，在关闭div时删除类？我使用readmore js库，并在回调函数中指定。 HTML:

JS:

jQuery（文档）.ready（函数（$）{
$（'.toggle text'）。阅读更多({
moreLink:“，
莱斯林：“，
折叠高度：534，
速度：1500，
BeforeTokle:函数（）{
$（“.toggle text”）.removeClass（“切换”）.addClass（“toogle-height”）；
}
});
});

如评论中所建议

试试——

$(".toggle-text").toggleClass("toggle-over")
$(".toggle-text").toggleClass("toggle-height")

---

使用jquery

toggleClass

@JonathanHamel你能解释一下，这样做有多正确吗？无意冒犯，但是你问的问题已经被问了大约一百万次了。如果你用谷歌搜索同样的问题，你会在5秒内得到答案。在将来，请使用stackoverflow来解决您在google上花费5秒钟无法解决的特定问题。@spyro不幸的是，我尝试了所有选项，但没有任何帮助，因此我求助于stackoverflowhelp@spyro非常感谢，我以前尝试过解决这个问题，但当切换高度时，不会更改初始大小。问题是，当时，库添加的高度为5600 px，因此我想添加类高度：100%！重要，但在结束时，请删除高度如果您已经能够删除和添加类，请删除您的问题，并使用真实问题提出新问题。您现在所写的似乎是一个纯CSS问题，与javascript代码没有任何关系（因为它已经在工作了）。请提供一个示例供我们使用with@spyro请帮帮我，我将删除这个问题

  .toggle-over {
    overflow: hidden;
  }

  .toogle-height {
    height: 100% !important;
  }

jQuery(document).ready(function ($) {
    $('.toggle-text').readmore({
        moreLink: '<a href="#" class="show_after"><p class="pattern-btn-underline read_more_btn">Read more</p></a>',
        lessLink: '<a href="#" class="show_after"><p class="pattern-btn-underline read_more_btn">test</p></a>',
        collapsedHeight: 534,
        speed: 1500,
        beforeToggle: function () {
           $(".toggle-text").removeClass("toggle-over").addClass('toogle-height');

       }
   });
});

$(".toggle-text").toggleClass("toggle-over")
$(".toggle-text").toggleClass("toggle-height")