html - how to toggle particular field with same id or class? -


the 'comment' field has 'id' , 'class', can't give unique 'id' because coming database (dynamic output). have tried 'toggle' (hide , show) jquery, when click particular 'comment' field of form (textarea) appearing (toggling). how toggle particular field same id or class?

$(".commentform").hide();     $(".askforcomment").click(function(){     $(".commentform").toggle(); }); <div id='comments'>    <div id='askforcomment' class='askforcomment'>comments?</div>    <div id='viewcomments'></div>    <form id='commentform' class='commentform'>         <textarea cols='20' rows='2'></textarea>         <input type='button'>    </form> </div><!-- element looped (dynamic) --> 

picture click

picture form toggle

you should target specific .commentform here :

 $(".askforcomment").click(function(){     $(this).siblings(".commentform").toggle();  }); 

this toggle .commentform near askforcomment. or, :

 $(".askforcomment").click(function(){     $(this).parent().find(".commentform").toggle();  }); 

hope helps!


Comments

Popular posts from this blog

curl - PHP fsockopen help required -

HTTP/1.0 407 Proxy Authentication Required PHP -

c# - Resource not found error -