У меня есть код, который, когда пользователь нажимает ссылку «Добавить комментарий», рядом с ним отображается определенный именованный div и слайдер перемещает этот div вниз. Внутри этого div у меня есть текстовое поле.
Моя цель - установить фокус на текстовую область, когда пользователь нажимает ссылку "Добавить комментарий". Проблема, с которой я сталкиваюсь, заключается в том, что у меня будет несколько комментариев/текстовых полей/добавить ссылки на комментарии, и мне это нужно, поэтому, когда вы нажимаете «Добавить комментарий», он фокусируется на соответствующем текстовом поле.
Вот что у меня есть до сих пор:
jQuery
$(".add-comment-btn").click(function(){
$(this).next(".inline-comment-form").slideToggle(200);
$(this).next(".inline-comment-form textarea").focus();
return false;
});
HTML
<a class="add-comment-btn" href="#">Add Comment</a>
<div class="inline-comment-form">
<form action="" method="post">
<div class="textarea">
<textarea class="inline-comment-textarea" name="comment-textarea"></textarea>
</div>
<input value="SUBMIT" name="submit-inline-comment" class="form-btn" type="submit">
</form>
</div><!--/Inline Comment Form -->
Изменить: я обновил код, добавив ссылку "Добавить комментарий" и переместив возвращаемое значение false