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

【问题标题】：Reply link - Show/hide answer box回复链接 - 显示/隐藏答案框
【发布时间】：2014-03-20 23:01:14
【问题描述】：

我在网站上有一个评论部分。人们可以离开cmets。现在，我为留下的每条评论添加了回复链接，以便人们可以回复特定评论。当他们点击回复链接时，包含供他们回复的表单的 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();
});
});

谢谢！

【问题讨论】：

我把你的代码放在一个 jsfiddle 上，它对我来说似乎工作正常？ jsfiddle.net/LCfjG
哇...现在我完全困惑了。我不知道为什么它不起作用......我会继续检查我是否错过了其他地方。
您使用的是哪个浏览器？如果您不介意，可以尝试添加到小提琴中。
经过多次尝试，我发现了问题所在！它在表中的不同中。我只是把 div 放在它旁边，现在效果很好。
太棒了！很高兴你解决了！

【解决方案1】：

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

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

【讨论】：

感谢您的回答！但我在里面。有趣的是，如果我用“.show() 而不是 .hide()”开始我的 javascript 代码，所有的 div 都将打开，如果我单击链接，它们将关闭。它只是不能反过来工作。你知道为什么吗？我的 CSS 说：.show_hide{display:block;}。不过我不确定出了什么问题。
显示块表示显示块。要隐藏，您必须使用 display none。您也可以使用 jquery 函数来显示或隐藏。
我认为这在语法上不正确$(".show_hide").show().click(function ()