时间戳

首页 > 解决方案 > 一键添加/删除类

javascript - 一键添加/删除类

问题描述

我怎样才能做到这一点，我可以在打开 div 时一键添加类，并在关闭它时删除类？我使用 readmore js 库，并在我要指定的回调函数中。HTML：

<div class="around-about-us">
    <span class="contact-header"><?php _e('About us', 'slotsfans') ?></span>
    <div class="text toggle-text toggle-over">
        more text
    </div>
</div>

CSS：

  .toggle-over {
    overflow: hidden;
  }

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

JS：

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');

       }
   });
});

标签： javascriptjquery

解决方案

正如乔纳森·哈梅尔在评论中所建议的那样

尝试 -

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

推荐阅读