按下按钮时使用jQuery隐藏元素

我有与某个选项关联的按钮，我想显示与该选项相关的表单，并在单击其中一个按钮时删除这些按钮。我在开始时隐藏了所有表单，因此用户必须首先单击按钮。代码如下：

$(document).load(function () {
    $("#radial, #rect").hide();
});
$("#rectS").click(function () {
    $("#rect").show(slow);
    $(".confirm").remove();
});
$("#radialS").click(function () {
    $("#radial").show(slow);
    $(".confirm").remove();
});

但是它没有任何作用，没有人能告诉我为什么。顺便说一句，开始时的隐藏也不起作用。jQuery确实令人沮丧

代码笔：

试试看

将所有代码放入DOM就绪状态

$(document).ready(function () {
    $("#radial, #rect").hide();
    $("#rectS").click(function () {
        $("#rect").show('slow');
              //        ^    ^ wrap show in quotes
        $(".confirm").remove();
    });
    $("#radialS").click(function () {
        $("#radial").show('slow');
        $(".confirm").remove();
    });
});

---

您需要将

slow

更改为

'slow'

。并在加载dom元素后将代码包装到绑定事件中

$(document).ready(function () {
    $("#radial, #rect").hide();
    $("#rectS").click(function () {
        $("#rect").show('slow');
        //--------------^----^--
        $(".confirm").remove();
    });
    $("#radialS").click(function () {
        $("#radial").show('slow');
        //----------------^----^--
        $(".confirm").remove();
    });
});

---

请同时显示HTML或提供一个小的.K。我有一支完整的密码笔。这是一个主要针对PHP的练习，但我被jQuery困住了，甚至不能进入PHP部分：是的，我改为“慢”，仍然什么都没有。我开始将它包装到（文档）中。准备好了，没有任何结果。好了，为什么它在我的浏览器中不工作？我用src=“//code.jQuery.com/jQuery-1.10.2.min.js”链接了jQuery库，错了吗？是的，我检查过了。它在codepen中工作，但当我在Chrome.K中本地启动它时就不行了。真蠢。。。我必须做一个单独的标记并从那里链接库，然后打开另一个脚本标记并将代码放在那里，它就工作了。但当我将src放入初始脚本标记时就不是了。世界跆拳道联盟。。。无论如何，谢谢你的帮助。@Megakoresh:很高兴帮助：）