回复链接-显示/隐藏回复框

Reply link - Show/hide answer box

本文关键字：回复 隐藏 显示 链接      更新时间：2023-09-26

我在一个网站上有一个评论区。人们可以留下评论。现在，我为每个评论添加了一个回复链接，这样人们就可以回复特定的评论。当他们单击回复链接时，包含他们要回答的表单的div应该显示在回复链接的正下方。这是我的代码，但它只是不会工作。我在网上看了看，并试图实现不同的答案，但由于某种原因，我不能使它工作。

HTML 

<a href="#1" class="show_hide"><span>Reply</span></a>
<div class="answerswer_div">
<span class="answerswer_text">Reply</span><br><br>
<form name="form" id="form" method="post" onsubmit="return validation()" action="/action_form.php?id=<?php echo $id; ?>">
<textarea name="comment" id="comment" rows="4" class="comment_class"></textarea><br>
<input class="submit" value="Submit" type="submit"/>
</form>
</div>
Javascript: 

Javascript:
$(document).ready(function () {
var $slides = $(".answer_div").hide();
$(".show_hide").show().click(function () {
    var $slider = $(this).next(".answer_div");
    if (!$slider.length) {
        $slider = $(this).closest(".answer_div");
    }
    $slides.not($slider).stop(true, true).slideUp();
    $slider.stop(true, true).slideToggle();
});
});

谢谢!

你正在使用JQuery。因此，请在您的HTML页面的<head>和</head>标签之间添加以下代码，它将与您现有的代码一起工作。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
相关文章：