title: plain javascript to jquery - clientHeight
body: <p>I have the following script</p>
  
  <pre><code>(function(win){
      var doc = win.document;
      if (doc.querySelector &amp;&amp; doc.addEventListener) {
          var toggler = doc.querySelector('.toggle-menu')
          var menu = doc.querySelector('.main-nav ul');
          menu.style.height = '0px';
          toggler.addEventListener('click',function(e) {
              e.preventDefault();
              if (menu.style.height == '0px') {
                  menu.style.height = 'auto';
                  if (menu.clientHeight != 0) {
                      menu.style.height = menu.clientHeight+'px';
                  }
              } else {
                  menu.style.height = '0px';
              }
          });
      }
  })(this);
  </code></pre>
  
  <p>What will be the jQuery version of that script, since i can't find a jQuery equivalent to clientHeight.</p>