2012-05-18 3 views
0

При загрузке страницы, у меня есть два 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, любая помощь будет оценена ..

+1

$ ('# replyComment'). Hide(); – frenchie

+0

Вы использовали ".replyComment" The. (точка) используется для классов, но у вас есть replyComment как идентификатор, поэтому вам нужно использовать «#». (#replyComment). Кроме того, этот селектор слишком сложный, вы можете просто использовать $ ("# replyComment"). SlideToggle(). – Cristy

ответ

3

Вы можете использовать селектор точек, если вы имеете в виду элемент по его классу и хеш-селектор ссылается на элемент по идентификатору. Так что в вашем случае, вы должны иметь:

$('#replyComment').hide(); 
1

Вашего DIV является id, но ваш селектор ищет классы. Попробуйте следующее:

$("#replyComment").hide(); 
0

Ваш селектор ошибочен. «.replyComment» соответствует тегу с классом replyComment.

Для идентификатора вы можете выбрать селектор «#replyComment».

Попробуйте изучить немного больше селекторов, они являются душой jQuery и просмотрят http://jqapi.com/ для справок.

Смежные вопросы