title: How to hide a textarea?
body: <p>I face problem that my div.hide is not working, because it just shows and whenever I click back link "reply" it's does not hide.</p>
  
  <p>JavaScript</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $('body').on('click','a.btnGG',function(){
      var va=$(this).data('comment_id');
      $("#parent_id").val(va);
      $("#formReply").attr("va",$("#formReply").attr("va") + va);
      $(".formms").hide();
      $(this).after('&lt;div class="formms"&gt;'+$(".gg").html()+'&lt;/div&gt;');
  
      $("#hides").onclick(function (){
          $(".gg").css("display","block");
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>tpl</p>
  
  <pre><code>&lt;a href="javascript:;" id="hides" class="btnGG" &gt; reply&lt;/a&gt;
  &lt;div class="gg"  style="display:none;"&gt;
      &lt;form action="/commenter/web/index.php" id="formReply"  method="Post" &gt;
          &lt;input type = "hidden" name ="m" value = "{$m}" /&gt; 
          &lt;input type="hidden" name="comment_id" id="comment_id" value="{$data.comment_id}"/&gt;
          &lt;input type = "hidden" name="post_id" value="{$req.post_id}" /&gt;
          &lt;!--  &lt;input type = "hidden" name="user_id" value="{$req.user_id}" /&gt; --&gt;
          &lt;input type = "hidden" name ="c" value = "do_add_comment_reply" /&gt; 
          &lt;input type="hidden" name="parent_id" id="parent_id" value=""/&gt;
  
          &lt;textarea class="form-control" name="message" placeholder="Please leave a reply of the comment "&gt;&lt;/textarea&gt;
          &lt;input type="submit" id="btn_reply"  name="btn_reply" class="btn btn-primary" value="Reply"&gt;
  
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm beginner programmer.</p>