切换按钮以显示和隐藏评论和 WordPress 评论表单答案

【问题标题】：Toggle button to show and hide both the comments and the WordPress comment form切换按钮以显示和隐藏评论和 WordPress 评论表单
【发布时间】：2014-03-29 18:44:13
【问题描述】：

我正在使用WordPress Liveblog 和not-yet merged pull-request，因此将直接在 GitHub 存储库上引用代码，希望能更好地解释我的问题。请参阅 here 以获取插件代码的工作示例。

当我单击Reply button 时，会显示 WordPress 评论表单。在点击按钮之前，表单是隐藏的。

当我点击第二个回复按钮> Reply时显示cmets

我的目标是用一个名为 Toggle 的按钮替换这两个按钮。点击后，我希望同时显示 WordPress 评论表单和 cmets。

到目前为止，我已经完成了以下...

我的切换按钮：

<a class="toggle" href="#">Toggle</a>

我的脚本（修改自here）：

jQuery('a.toggle').click(function () {

    var openImgUrl = 'open.png',
        closeImgUrl = 'close.png';

    var $newsItem = jQuery(this).closest('.news-text'),
        $newsContent = $newsItem.find('.news-content'),
        isContentVisible = ($newsContent.is(':visible'));

    // slide up all shown news-items - but its expected that only one is visible at a time
    jQuery('.news-text').find('.news-content').slideUp(function () { 
        // on animation callback change the img
        jQuery('.news-text').find('.toggle > img').attr('src', openImgUrl);
    });

    if (!isContentVisible) { // if the new-item was hidden when clicked, then show it!
        $newsContent.slideDown(function () {
            // on animation callback change the img
            $newsItem.find('.toggle > img').attr('src', closeImgUrl);
        });
    }

    return false; // stop postback
});

使用我的脚本和切换按钮，当单击切换按钮时，每个条目下都会显示 cmets。再次单击切换按钮时，将隐藏 cmets。但是，这并没有考虑到 WordPress 评论表单。

当点击切换按钮时，如何让 WordPress 评论表单与 cmets 一起显示？

Liveblog 词汇表：

条目：条目是顶级评论，就像 WordPress 中的标准“评论”一样。

评论：可以对条目进行评论。

【问题讨论】：

标签： javascript jquery wordpress

【解决方案1】：

我发现comment_reply_link 就是答案！

http://codex.wordpress.org/Function_Reference/comment_reply_link

使用此功能输出回复链接使我能够做我需要做的事情。我只需要更改脚本中的选择器以使用评论回复按钮作为切换按钮并删除我设置的原始切换按钮。例如：

jQuery('a.comment-reply-link').click(function () {

【讨论】：