javascript - 移动对象并更改按钮 onClick 上的不透明度

Question

我正在尝试实现这样的事情，即当我按下一个按钮时，另一个带引号的框应该出现在屏幕上并且该按钮应该消失。

这是脚本、Html 和 CSS:

但是当我按下按钮时，没有任何反应......有什么想法吗？

编辑:是否可以使用 JavaScript 而不是 jQuery 来做到这一点？

Answer 1

你可以尝试这样的事情:

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

并且此 css 只会在您的#quoteLines 上显示 none...

这样，当你点击那个按钮时，它会显示引号，并随着按钮消失:)

你也可以使用 fadeIn() 而不是 show，这样它看起来更花哨。

-- 编辑

这是 jsfiddle

http://jsfiddle.net/62ucA/2/