jQuery按钮添加/移除类脚本故障排查求助

首先一眼就看到你代码里最关键的问题：jQuery选择器缺少必要的标识符！jQuery里选类得加.，选ID得加#，你直接写元素名称的话，jQuery会把它当成HTML标签去查找，自然找不到你目标元素，addClass/removeClass当然就没法生效了。

我先帮你修正基础选择器问题，同时补全你没写完的关闭按钮逻辑（毕竟你提到点击关闭时removeClass失效）：

$(document).ready(function() { 
  // 假设tombol_bawah是类选择器，所以加.；如果是ID就换成#
  $(".tombol_bawah").click(function(){ 
    // 同理，top-btn按类处理，实际是ID就改#
    $(".top-btn").addClass('tombol_atas_show'); 
    $(".chat_partty_side").addClass('tampilkan_list_chat'); 
    $(this).addClass('tombol_bawah-hide'); 
  }); 

  // 补全关闭按钮的点击事件，实现移除类的逻辑
  $(".top-btn").click(function(){ 
    $(".top-btn").removeClass('tombol_atas_show'); 
    $(".chat_partty_side").removeClass('tampilkan_list_chat'); 
    $(".tombol_bawah").removeClass('tombol_bawah-hide'); 
  }); 
});

另外还要检查这几个细节，避免踩坑：

• 确认HTML里元素的class/id拼写完全一致，jQuery选择器区分大小写，别出现大小写或者字母拼写错误
• 确保页面已经正确引入了jQuery库，没引入的话所有jQuery代码都是白搭
• 如果你的元素是用ID定义的（比如<button id="tombol_bawah">），记得把选择器里的.换成#

举个匹配的HTML结构示例，方便你对应：

<button class="tombol_bawah">展开聊天</button>
<div class="top-btn">收起聊天</div>
<div class="chat_partty_side">聊天列表区域</div>

这样调整后，点击展开按钮会添加对应样式类，点击关闭按钮就能正常移除这些类了。

内容的提问来源于stack exchange，提问作者Abdullah