Ссылка для ответа - Показать / скрыть окно ответа

Question

Ссылка для ответа - Показать / скрыть окно ответа

0

У меня есть раздел комментариев на веб-сайте. Люди могут оставлять комментарии. Теперь я добавил ссылку ответа на каждый оставшийся комментарий, чтобы люди могли ответить на конкретный комментарий. Когда они нажимают на ссылку ответа, 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();
});
});

Спасибо!

user2961763 21 март 2014, в 00:54

Источник

1

Я положил ваш код на jsfiddle, и мне кажется, он работает нормально? jsfiddle.net/LCfjG
Erik 20 март 2014, в 23:08
0

вау ... теперь я совершенно озадачен Я не знаю, почему это не работает ... Я буду проверять, пропустил ли я что-то еще.
user2961763 21 март 2014, в 00:13
0

Какой браузер вы используете? Если вы не возражаете, вы можете попробовать добавить к скрипке.
Erik 21 март 2014, в 00:16
0

После многих испытаний я нашел то, что было не так! Это было в другом <td> в таблице. Я просто поместил div прямо рядом с ним, и теперь он творит чудеса.
user2961763 21 март 2014, в 00:46
0

Большой! Рад, что вы это сделали!
Erik 21 март 2014, в 00:55

Показать ещё 3 комментария

Теги:

javascript

jquery

toggle

show-hide

slidetoggle

1 ответ

Ещё вопросы

Я положил ваш код на jsfiddle, и мне кажется, он работает нормально? jsfiddle.net/LCfjG
вау ... теперь я совершенно озадачен Я не знаю, почему это не работает ... Я буду проверять, пропустил ли я что-то еще.
Какой браузер вы используете? Если вы не возражаете, вы можете попробовать добавить к скрипке.
После многих испытаний я нашел то, что было не так! Это было в другом <td> в таблице. Я просто поместил div прямо рядом с ним, и теперь он творит чудеса.

spiderman · Accepted Answer · 2014-03-20T21-25-00.000Z

Вы используете JQuery. Поэтому, пожалуйста, добавьте ниже код между тегами <head> и </head> на вашей HTML-странице, и он будет работать с вашим существующим кодом.

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

Спасибо за ваш ответ! Но у меня есть это там. Самое смешное, что если я начну свой код JavaScript с «.show () вместо .hide ()», все div будут открыты, и если я нажму на ссылку, они закроются. Это просто не работает наоборот. Знаете ли вы, почему? Мой CSS говорит: .show_hide {display: block;}. Я не уверен, что не так, хотя.
Блок отображения означает отображение блока. Чтобы скрыть, вы должны использовать дисплей нет. Также вы можете использовать функции jquery, чтобы показать или скрыть.
Я думаю, что это не синтаксически правильно $ (". Show_hide"). Show (). Click (function ()