Javascript Divi：单击时隐藏按钮

我是jQuery编码的新手，需要代码方面的帮助。 我有一个按钮，允许我在我的网站上显示一个隐藏的部分，但目前这个按钮仍然存在，即使我想让他消失。 我的网站是用Wordpress和Divi建立的

在下面的代码中，您将看到我最近一次在CSS中使用hide/show值的尝试

<style type="text/css">
.rv_button.closed:after {content:"";}
.rv_button.opened:after {content:"";}
.hide {display:none;}
.show {display:block;}
</style>

<script type="text/javascript">
jQuery(document).ready(function() {
  jQuery('#reveal').hide();

  jQuery('.rv_button').click(function(e) {
    e.preventDefault();
    jQuery("#reveal").slideToggle();
    jQuery('.rv_button').toggleClass('opened closed');
  });
});

</script>

.rv_按钮。关闭：{content:；}之后
.rv_按钮。打开：在{内容：；}之后
.hide{display:none；}
.show{display:block；}
jQuery（文档）.ready（函数（）{
jQuery（“#揭示”）.hide（）；
jQuery（'.rv_按钮'）。单击（函数（e）{
e、 预防默认值（）；
jQuery（“揭示”）.slideToggle（）；
jQuery（'.rv_按钮'）.toggleClass（'open closed'）；
});
});

---

如果您想查看它的外观，可以在这里看到示例：

您正在切换名为

打开的类

和

关闭的类

，而您的CSS显示

隐藏

和

显示

是影响页面最终呈现中元素存在的因素。而且，大多数类可能都不需要。您只需添加

隐藏

一个

让你的最后一句话有机会

jQuery('.rv_button').addClass('hide');

如果按钮已经应用了

show

类，那么您最初的想法是有意义的。您只需要更改类以匹配在样式中定义的类

jQuery('.rv_button').toggleClass('show hide');

只需在单击函数中添加

$（this）.hide（）

<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery('#reveal').hide();

        jQuery('.rv_button').click(function(e) {
            e.preventDefault();
            jQuery("#reveal").slideToggle();
            jQuery('.rv_button').toggleClass('opened closed');

            // Hide button
            $(this).hide()
        });
    });
</script>

jQuery（文档）.ready（函数（）{
jQuery（“#揭示”）.hide（）；
jQuery（'.rv_按钮'）。单击（函数（e）{
e、 预防默认值（）；
jQuery（“揭示”）.slideToggle（）；
jQuery（'.rv_按钮'）.toggleClass（'open closed'）；
//隐藏按钮
$（this.hide（））
});
});
谢谢大家参与我的问题。我成功地使用了@vmf91的解决方案，它就像一个符咒。再次感谢各位，祝你们度过愉快的一天。
单击按钮后是否要删除该按钮？如果是这样，只需在按钮事件中插入以下行：

jQuery(this).hide();

完整单击事件：

jQuery('.rv_button').click(function(e) {
    e.preventDefault();
    jQuery(this).hide();
    jQuery("#reveal").slideToggle();

    //You don't need this if you want to hide the button
    //jQuery('.rv_button').toggleClass('opened closed');
});

你能把你的html/标记也包括进来吗？另外，如果你的浏览器控制台有任何错误，请告诉我们。这些代码或CSS中没有任何东西会隐藏这个按钮。你没给我们看什么？