Question

我正在尝试让button显示一些内容，然后当它再次点击它时会隐藏这些内容。我有两个按钮（.BB11和.BB12）。单击按钮取.OnBotMenu类以更改其外观。 #Cont11是我展示的内容。。显示课程使这些东西可见。

$(".BB11").click(function(){

    if $(this).hasClass(".OnBotMenu") {

        $(".Showing").fadeOut(500);

    }

    else {

        $(".BB11").addClass(".OnBotMenu");
        $(".BB12").removeClass(".OnBotMenu");
        $("#Cont11").fadeIn(1000);
        $("#Cont11").addClass(".Showing");

    }
});

Answer 1

（代表OP发布）。

工作代码：

$(".BB11").click(function(){

    if ($(this).hasClass("OnBotMenu")) {

        $(".Showing").fadeOut(500);
        $(this).removeClass("OnBotMenu");

    }

    else {

        $(".Showing").fadeOut(500);
        $(".BB11").addClass("OnBotMenu");
        $(".BB12").removeClass("OnBotMenu");
        $("#Cont11").fadeIn(1000);
        $("#Cont11").addClass("Showing");

    }
});

Answer 2

使用$("#div2").fadeToggle("slow");显示和隐藏具有淡入淡出效果的元素。

示例是here

使用hasClass显示和隐藏不起作用

2 个答案: