Question

我在网站上有评论部分。人们可以发表评论。现在，我为每条评论添加了回复链接，以便人们可以回复特定评论。当他们点击回复链接时，包含他们要回答的表单的div应该显示在回复链接下面。这是我的代码，但它不起作用。我已经在线查看并尝试实现不同的答案，但由于某种原因我无法使其发挥作用。

HTML

<a href="#1" class="show_hide"><span>Reply</span></a>
<div class="answer_div">
<span class="answer_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();
});
});

谢谢！

Answer 1

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

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

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

1 个答案: