单击时设置css样式，单击时将其删除

我想在单击div时设置样式。我这样做了，这是工作。但是我想在单击它和单击时设置默认样式

     $('#tray-button').click(function() {
       $('.buttons-content').css('bottom', '160px');
    });

 <div class="buttons-content">
        <div id="tray-button" class="button">
            <div class="white"></div>
            <div class="black"></div>
            <i class="fas fa-grip-horizontal"></i>
        </div>
        <div class="button">
            <div class="white"></div>
            <div class="black"></div>
            <i class="fas fa-share-alt"></i>
        </div>
        <div class="button play-pause play">
            <div class="white"></div>
            <div class="black"></div>
            <i class="far fa-1-1x  fa-play-circle"></i>
        </div>
        <div class="button rotate">
            <div class="white"></div>
            <div class="black"></div>
            <i class="fas fa-expand-alt"></i>
        </div>
    </div>

$（“#托盘按钮”）。单击（函数（）{
$（'.buttons content'）.css（'bottom'，'160px'）；
});

按钮内容-默认底部：40

点击#托盘按钮->底部：160px

再次点击#托盘按钮->底部：40px；（默认）

---

定义特定的CSS规则，例如

.buttons-content.toggled {
   bottom: 160px;
}

使用

.toggled

类，然后在

上单击

切换该类

$('#tray-button').click(function() {
   $('.buttons-content').toggleClass('toggled');
});

---

删除类后，元素的样式将自动重置为以前的状态。此外，您的脚本更易于维护，因为其中没有硬编码样式。

定义特定的CSS规则，例如

.buttons-content.toggled {
   bottom: 160px;
}

使用

.toggled

类，然后在

上单击

切换该类

$('#tray-button').click(function() {
   $('.buttons-content').toggleClass('toggled');
});

---

删除类后，元素的样式将自动重置为以前的状态。此外，您的脚本更易于维护，因为其中没有硬编码样式。

此脚本只会记住最后一个状态，并执行您想要的任何操作

$( document ).ready(function() {
var stack = 0
$("#tray-button").click(function()
{
if (stack === 0){
}
$('.buttons-content').css('bottom', '160px');
stack = 1;
}else{
$('.buttons-content').css('bottom', '40px');
stack = 0;
}

});

---

这个脚本只会记住最后一个状态，并执行您想要的任何操作

$( document ).ready(function() {
var stack = 0
$("#tray-button").click(function()
{
if (stack === 0){
}
$('.buttons-content').css('bottom', '160px');
stack = 1;
}else{
$('.buttons-content').css('bottom', '40px');
stack = 0;
}

});