jQuery toggleClass example

Toggle class name on click in jQuery

by joshmoto

HTML

<textarea class="comment-textarea" oninput="commentResize(this)"></textarea>

CSS

.comment-textarea {
  height: 34px; /* set initial height */
  resize: none; /* stop manual resizing */
  overflow: hidden; /* hide scrollbars */
}

JavaScript

// our oninput comment textarea resize function
function commentResize(textarea) {

  // reset style height to auto
  textarea.style.height = "auto";
  
  // set the new height based on the comment textarea scroll height
  textarea.style.height = textarea.scrollHeight + "px";
  
}