基本Javascript帮助-单击事件

我正在创建一个ShowMore按钮来扩展div“可扩展”

下面的代码可以工作，但在用户单击文档的任何位置时都可以工作

$(document).click(function() {
    $('.expandable').animate({
      'height': '100%',
    })
})

我相信下面的代码应该有效吗？当用户单击div“显示更多btn”但它没有：

$('#show-more-btn').click(function() {
    $('.expandable').animate({
      'height': '100%',
    })
})

编辑：（注释代码）

显示更多信息

控制台加载或单击或其他操作时没有错误

$('#show-more-btn').click(function () {
    $('.expandable').animate({
        'height': '100%'
    })
})

选择器中缺少一个

“

---

试试这个：我认为您在两个函数的末尾漏掉了分号。

鉴于您提到了相同的代码在

$（文档）上工作。单击
，我假设应该有一个元素具有
class='expandable'
。我能看到的另一个问题是，您的代码位于
部分，并且没有包装在
$（document）.ready（function（）{
中

如下图所示对其进行包装：（事件处理程序应在元素创建并可用后分配）

语法错误？“#show-more-btn”语法错误？
$（#show-more-btn）
=>
$（“#show-more-btn”）
问题输入错误。不是代码-仍然不起作用：（show-more
控制台加载或单击时没有错误或其他任何错误。。谢谢！所以我对学习javascript非常陌生，没有我的站点。js不是从$（document）开始的。准备好了吗（function（）{这解决了问题。感谢所有帮助过我的人。很抱歉，我在问题上打错了-代码仍然无法工作：（Show More
sorry是一个很大的div，在Show More按钮上方充满了内容。该div的高度受到限制，单击一次我希望它扩展到100%的高度。Java的第一个块工作得非常好，只有当您在文档中的任意位置进行clikc时，我希望它只在您单击“#Show More btn”时发生我添加了一个fiddle示例来说明它的工作原理。您一定遇到了另一个问题，我的javascript不是以$（document）开头的。ready（function（）{非常感谢您的帮助，我对这里的人提供的快速帮助感到惊讶。您太棒了：）
$('#show-more-btn').click(function () {
    $('.expandable').animate({
        'height': '100%'
    })
})

$('#show-more-btn').click(function() {
    $('.expandable').animate({
      'height': '100%'
    });
});

$(document).ready(function(){
    $('#show-more-btn').click(function() {
        $('.expandable').animate({
          'height': '100%',
        });
    });
})