javascript - 点击展开div

Question

我在这些论坛中搜索了一种实现“jquery expand div on click”的方法

我找到了一个简单而理想的教程，但在重新执行代码时无法实现它。

这段代码对当前的 jquery 是否仍然有效？我相信我已经完全复制了演示，只是不确定脚本的链接。

这是我正在使用的教程 [链接:https://stackoverflow.com/a/20144029/1471333]

[DEMO][2]

$('.wrapper').find('a[href="#"]').on('click', function (e) {
    e.preventDefault();
    this.expand = !this.expand;
    $(this).text(this.expand?"Click to collapse":"Click to read more");
    $(this).closest('.wrapper').find('.small, .big').toggleClass('small big');
});

[link [2]: http://jsfiddle.net/mWcmg/1/]

这是我在 [链接已删除] 上的结果，演示资源文件在那里工作，但我的编码无法打开，无论出于何种原因。也许我链接到的 jquery 已经改变了？

编辑 这是一段 HTML 代码。

<div class="wrapper">
<div class="small">
<p>Lorem..</p>
</div>
<a href="#">Click...</a>
</div>

安迪

Answer 1

将您的 javascript 放入文档就绪事件中。因为在您的示例中，您在 DOM 准备好之前执行了 javascript。

$(document).ready(function()
{
    $('.wrapper').find('a[href="#"]').on('click', function (e) {
        e.preventDefault();
        this.expand = !this.expand;
        $(this).text(this.expand?"Click to collapse":"Click to read more");
        $(this).closest('.wrapper').find('.small, .big').toggleClass('small big');
    });
});