Question

我想通过添加＆＃34; show＆＃34;来显示我的模态。要显示它的类，如果我的模态有类显示并且我重新点击，则将其替换为＆＃34; hide＆＃34;要删除它的类。我需要这个解决方案来添加一些CSS动画效果。

我该怎么办呢？示例：我单击我的触发器类，＆＃34;显示＆＃34; class被添加到我的模态中以显示它，如果我重新点击我的触发器，则删除我的＆＃34; show＆＃34;上课并添加＆＃34;隐藏＆＃34;。反之亦然。

我的js代码：

(function($)
{
    // MODAL
    $(".modal-trigger").click(function(event)
    {
        event.preventDefault();
        $(".modal").toggleClass("show");
    });
})(jQuery);

谢谢。

Answer 1

从.modal元素上的一个课开始，然后切换两个，他们将交替

$(".modal-trigger").click(function(event) {
    event.preventDefault();
    $(".modal").toggleClass("show hide");
});

FIDDLE

jQuery：切换一个类并替换另一个 - 反之亦然

1 个答案: