Reply link - Show/hide answer box

StackOverflow https://stackoverflow.com/questions/22546960

質問

I have a comment section on a website. People can leave comments. Now, I added a reply link to each comment left so that people can reply to a specific comment. When they click on the reply link, the div containing the form for them to answer should show up right under the reply link. This is my code but it just won't work. I have looked online and tried implementing different answers but for some reason I can't make it work.

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();
});
});

Thank you!

役に立ちましたか？

解決

You are making use of JQuery. So please add the below code between your <head> and </head> tags in your HTML page and it will work with your existing code.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top