title: JQuery trigger click event when page load
body: <p>In my site when URL is something like this: <code>www.example.com/question/#comment23</code>
  i want to scroll to this and i use this code:</p>
  
  <pre><code>if (window.location.hash) {
          var elem = $(window.location.hash);
          var elemId = $(elem).attr('id')
          var top = $('#' + elemId).offset().top - 60;
  
          var moreCmntElm = $('#' + elemId).closest('.comment-wrp').siblings('.create-comment-wrp').children('.moreCommnets');
  
  
              $('html, body').animate({
                  scrollTop: top
              }, 1600, 'easeInOutQuart')
  
              if (moreCmntElm.css('display') == "none") {
                  moreCmntElmFunc(moreCmntElm.children('button')[0])
              }
  
      }
  </code></pre>
  
  <p>But its possible the comment is hidden <code>display:none</code> (like stackoverflow when a question has a lot of comment), in this case i want the <code>show more comment button</code> event to be trigger.</p>
  
  <p>This function show other comments:</p>
  
  <pre><code>function moreCmntElmFunc($this) {
          $this.closest('.other-user-comments-wrp').children().show('blind', 'fast');
          $this.css('display', 'none');
          $this.parent().css('display', 'none');
      }
  </code></pre>
  
  <p>But code work properly and other comments are displayed.
  My problem is i get an error and else other JS operation doesn't work.
  <code>$this.closest(...).children is not a function</code></p>