Javascript Jquery切换和添加/删除

我有两个按钮

两个按钮都有滚动css颜色更改

其中一个按钮只是链接到另一个页面。。但是，单击另一个按钮时需要 A.）显示隐藏的div
B.）切换到防滚翻颜色并保持该颜色。（但不更改其他按钮类）

我只希望id为“edit”的按钮将类别m-button-regular切换为m-button-active，而不是其他按钮。我使用的JQuery将两个button类都更改为m-button-active

这个脚本出了什么问题

            <a href="#tab1" id="edit" >
            <span class="m-button-small m-button-regular   text-center floatleft clearfix mtm mls" id="sm-tab1">
                <i class="fa fa-gear"></i>
                <p>EDIT</p>
            </span>  
            </a>   
            <a href="#tab1">
            <span class="m-button-small m-button-regular  text-center floatleft clearfix mtm mls" id="sm-tab1">
                <i class="fa fa-plus"></i>
                <p>ADD</p>
            </span>  
            </a>  
<div class="row editcontainer">

</div>


$('.editcontainer').hide();
$(document).ready(function(){
    $('#edit').click(function(){        
        $(".editcontainer").toggle();
        $('.m-button-regular').toggleClass("m-button-active");
    });

});

$（'.editcontainer'）.hide（）；
$（文档）.ready（函数（）{
$（“#编辑”）。单击（函数（）{
$（“.editcontainer”）.toggle（）；
$（'.m-button-regular'）.toggleClass（“m-button-active”）；
});
});

您需要使用来引用其子跨度，然后可以使用toggle

获取当前匹配元素集中每个元素的子元素，并通过选择器、jQuery对象或元素进行筛选

使用

而不是

---

这是指所有类别：

$('.m-button-regular').toggleClass("m-button-active");

你必须按一下按钮

$("#edit").toggleClass("m-button-active");

---

这似乎是你想要的：

$（'.editcontainer'）.hide（）；
$（文档）.ready（函数（）{
$（“#编辑”）。单击（函数（）{
$（“.editcontainer”）.toggle（）；
$（“#编辑”）.toggleClass（“m-button-active”）；
});
});
.m-按钮-激活{
颜色：绿色；
}

编辑容器
您几乎是对的，但对您的代码和宾果有轻微的更改

$('.editcontainer').hide();
$(document).ready(function(){
    $('#edit').click(function(){        
        $(".editcontainer").toggle();
        $('.m-button-regular',this).toggleClass("m-button-active"); //<--- add a scope, same as $(this).find
    });

$（'.editcontainer'）.hide（）；
$（文档）.ready（函数（）{
$（“#编辑”）。单击（函数（）{
$（“.editcontainer”）.toggle（）；
$（'.m-button-regular'，this.）.toggleClass（“m-button-active”）；//我不知道发生了什么事？我们不知道-发生了什么事？这对我不起作用。可能是因为我的CSS的设置方式。嗯，我根据你在问题中发布的内容编写了一个工作片段。我猜不出你的其余代码，朋友：-）我很感激。但它不起作用。我想，我看到它的原因是因为我需要删除m-button-regular类，并将其与m-button-active替换为该按钮。您的代码只是添加了m-button-active类，它只是添加了绿色文本。它没有切换出这些类。
$("#edit").toggleClass("m-button-active");

$('.editcontainer').hide();
$(document).ready(function(){
    $('#edit').click(function(){        
        $(".editcontainer").toggle();
        $('.m-button-regular',this).toggleClass("m-button-active"); //<--- add a scope, same as $(this).find
    });