title: open a text area on click of a button - Jquery
body: <p>Solution here: <a href="http://jsfiddle.net/kralco626/E9XVr/53/" rel="nofollow noreferrer">http://jsfiddle.net/kralco626/E9XVr/53/</a></p>
  
  <p>Note: I think this is a duplicate of this question: <a href="https://stackoverflow.com/questions/4814588/how-to-show-text-area-on-button-click">how to show text area on button click?</a> However, the OP of that question never followed up and I don't think any of the answers actually answer the question. I think Tomalak's comment on that question </p>
  
  <blockquote>
    <p>Seems to me that, if anything, he wanted to pop up a textarea, wait for input into it, have the user press some 'OK' button then store the result in a variable.</p>
  </blockquote>
  
  <p>Pretty much sums it up.</p>
  
  <p>When the user clicks a button, I would like a text area to open in which the user can enter some text click an OK button and then the text area will close.</p>
  
  <p>I don't want a dialog box, it's too intrusive, I want just a plain simple textarea or similar to open so that the top left of the text area is positioned at the bottom left of the button.</p>
  
  <p>Thanks!</p>
  
  <pre><code>&lt;span style="width:20px;height:20px" class="remarkButton"&gt;&lt;/span&gt;
  
  $(".remarkButton").button({ icons: { primary: "ui-icon-pencil" }, text: false }).click(function () {
         $(...something to show text area...).data("$clickedButton",$(this));
  });
  
  //called when the OK button on the text area is clicked
  function saveRemark($referenceToTextArea)
  {
  $referenceToTextArea.data("$clickedButton").data("remark",$referenceToTextArea.text());
  }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/sGINw.png" alt="enter image description here"></p>