Javascript 在单击按钮时移动对象并更改不透明度

我试图实现一个目标，当我按下一个按钮时，屏幕上会出现另一个带引号的框，按钮会消失

以下是脚本、Html和CSS：

但当我按下按钮时，什么也没发生。。。有身份证吗

编辑：

---

是否可以使用JavaScript而不是jQuery来实现这一点？

您可以尝试以下方法：

$(function() {
  $('#quoteButton').on('click', function() {
    $('#quoteLines').show('fast');
    $(this).hide();
  });
});

而这个css只会在你的“引用线”上显示“无”

这样，当您单击该按钮时，它将显示引号，并随按钮一起消失：）

您还可以使用fadeIn（）而不是show，这样它看起来更别致

--编辑

这是JSFIDLE

---

代码缺失；）它不允许我上传到JSFIDDLE的链接这里是，stackoverflow在我尝试添加到另一个网站的链接时给了我一个错误，我发布了代码我尝试了这个链接，它对我有效-在我在extensions&frameworks下拉列表（左上角）中选择了“jQuery”之后。另外，stackoverflow不允许在没有代码的情况下向JSFIDLE添加链接。所以，下次当你想分享你用JSFIDLE写的东西时，在你的问题中添加一份代码副本。哈哈，我认为这个网站现在已经被javascript超载了，因为当我按下按钮时，它仍然不会做任何事情。这太棒了！Firefox给了我一个错误：ReferenceError:$没有定义你在尝试这个链接吗？因为这里工作得很好…在使用此代码之前必须加载jQuery。。。将其放在脚本代码.jquery.com/jquery-1.11.1.js“>”之前，您必须在使用此代码之前加载jquery。。。把这个放在你的剧本之前；“很抱歉，由于此错误，我使用或尝试的所有代码均无效，并且脚本链接为404错误未找到