title: jQuery - $(this) on iPad
body: <p>I ran through the following Javascript to create a click function to toggle an active state and expand an element to show the full text.</p>
  
  <pre><code>$ = jQuery.noConflict();
  $( document ).ready( function() {
      $(".toggle_container").hide(); 
  
      var toggle = function(el, direction) {
          if (direction === 'open') {
              var content = $(el).toggleClass("active").prev();
              var curHeight = content.height();
              content.css('height', 'auto');
              var autoHeight = content.height();
              content.height(curHeight).animate({height: autoHeight}, 100).promise().then(setTimeout(function(){content.removeClass("limited")}, 650));       
          } else {    
              var content = $(el).toggleClass("active").prev();
              content.height(curHeight).animate({height: '70px'}, 100).promise().then(function(){content.addClass("limited")});
          }
      }
  
      jQuery(".togglefeaBtn").on("click", function(){             
          if ($.trim($(this).text()) === 'Read MORE') {
              $(this).text('Close');
              toggle(this, 'open');
          } else {
              $(this).text('Read MORE'); 
              toggle(this, 'close');
          }       
          return false; 
      });
  });
  </code></pre>
  
  <p>The issue that I've noticed is that when loaded on an iPad $(this), when in the click function, or $(el), when in the toggle function return a blank value, however, $(this).text('...') works perfectly.</p>
  
  <p>Is there an issue with the way I'm using the click function, or do touch devices require a different set up?</p>