При загрузке страницы, у меня есть два DIV блока «replyComment» и «tobereplaced»Jquery пытается скрыть форму
<div id="replyComment">
<form id="myForm" name="myForm" method="post" action="reply.php" >
<textarea name="suggestions" rows="5" cols="60" style="resize:none" onfocus="this.value=''">Enter your reply here</textarea>
<input type="hidden" name="hidden">
<input type="hidden" name="hidden2" >
<a href="blog.php?page=hm"><img src="html_images/cancel.png" onmouseover="src='html_images/cancelhover.png'" onmouseout="src='html_images/cancel.png'" alt="Cancel"/></a>
<input type="image" name="Post" value="Reply" alt="Reply" src="html_images/reply.png" onmouseover="src='html_images/replyhover.png'" onmouseout="src='html_images/reply.png'"/>
</form>
</div>
<div name="tobereplaced">
<img src="html_images/reply.png" class="ajax-func" onmouseover="src='html_images/replyhover.png'" onmouseout="src='html_images/reply.png'" />
</div>
и я пытаюсь скрыть replyComment DIV на нагрузки и переключать его, чтобы показать по щелчку tobereplaced со следующим jquery.
$(document).ready(function() {
$(".replyComment").hide();
$(".ajax-func").click(function(evt) {
$(this).prevAll(".replyComment:first").slideToggle("fast");
$(this).toggleClass("active");
return false;
});
});
но replyComment не скрыта на странице загрузки и не toggle..i новичок в JQuery, любая помощь будет оценена ..
$ ('# replyComment'). Hide(); – frenchie
Вы использовали ".replyComment" The. (точка) используется для классов, но у вас есть replyComment как идентификатор, поэтому вам нужно использовать «#». (#replyComment). Кроме того, этот селектор слишком сложный, вы можете просто использовать $ ("# replyComment"). SlideToggle(). – Cristy