Javascript 如何编辑我的代码以使用jQuery将一个div的内容添加（而不是替换）到另一个div-on-toggle

您好，我有一个jQuery示例，它将post preview div替换为完整的post。因为我在使用PHP时遇到了一些问题，所以我需要在文章预览之后立即添加完整的文章，而不是替换两个div

在这种情况下，post div内容将具有post的扩孔字符

这是因为我对PHP中的substr和strip_标记有一些问题

---

因此，我的小提琴在这里，非常感谢您的帮助。

尝试使用appendTo-

您可以将内容放在页面上，并使用Html标记定义其结构（例如span、p或div）。然后使用jquery查找片段，并使用jquery.html（）移动片段

或者，您可以使用jquery来控制附加内容的可见性

或者，如果你真的无法让PHP来组织你的内容，你可以把简介塞进jQuery.data（）中，并在折叠时把内容从那里拉出来

---

你好，如果我的小提琴对你来说容易的话，请你编辑一下好吗？谢谢你的这些。我已经在我的网站上进行了测试，效果非常好。我的问题是哪一个是最好的解决方案？我的意思是你更喜欢哪一个？如果是我，我会在开始时只渲染部分内容，然后我会使用ajax下拉全文，并使用html（）替换部分内容。这样可以保留布局并最小化带宽。。这是真的，这也许是最好的办法。我已经接受了你的回答，再次感谢！选项2是我提供的选项中最好的。在这里的三个选择中，它是最有效的。

$('#previewDiv').parent.append($(thePostDivFromPHP))

var html = expanding
        ? $content.html()
        : $content.find('.intro').html();
    $display.html(html);

   $('.toggle').click(function(e) { 
    var $this = $(this);
    var $content = $this.siblings('.post-content').find('.additional');
    var expanding = ($this.text() == '(expand)');
    var html = expanding
        ? $content.show()
        : $content.hide();
    $this.text(expanding ? '(collapse)' : '(expand)') 
    e.preventDefault();
});

    $('.post-display').each(function() {
    var $this = $(this);
    $this.data('intro', $this.html());
});