Javascript jQuery：若类存在，则删除它，然后将其添加到新元素中

我正在制作一个手风琴风格的视频部分。我目前正在尝试检查单击时是否存在类。我希望它一次只打开一个部分，所以我需要

单击时检查类是否存在

如果是，则删除类

向单击的元素添加类

我试着用

addClass（）和
切换类（）但我不能100%确定我遗漏了什么

添加类

$(".contents-row").click(function(){
    $(this).toggleClass("content-open");
}); 

$('.contents-row').click(function(){
    $(this).toggleClass('content-open');
});

切换类

$(".contents-row").click(function(){
    $(this).toggleClass("content-open");
}); 

$('.contents-row').click(function(){
    $(this).toggleClass('content-open');
});

这是基本的HTML设置

<div class="contents-row">
    <div class="content-option press">
        <div class="class-section-title">test1</div>
    </div>
    <div class="drop">
        test 1
    </div>
</div>


测试1
测试1

上的下拉列表的完整版本

谢谢你的帮助
 首先从具有
内容打开
类的所有元素中删除
内容打开
类。然后将类添加到单击的元素中，如下所示

$('.contents-row').click(function(){
    $('.content-open').removeClass('content-open');
    $(this).addClass('content-open');
});

首先从具有
内容打开
类的所有元素中删除
内容打开
类。然后将类添加到单击的元素中，如下所示

$('.contents-row').click(function(){
    $('.content-open').removeClass('content-open');
    $(this).addClass('content-open');
});

您需要先从所有
div
和class
contents行中删除class
content open
，然后添加到当前单击的
div

$('.contents-row').click(function(){
    $('.contents-row').removeClass('content-open');
    $(this).toggleClass('content-open');
});

您需要先从所有
div
和class
contents行中删除class
content open
，然后添加到当前单击的
div

$('.contents-row').click(function(){
    $('.contents-row').removeClass('content-open');
    $(this).toggleClass('content-open');
});

我觉得你应该按照你的要求使用
hasClass（）
，我觉得你应该按照你的要求使用
hasClass（）