JavaScript TextArea

Set the height property of the jqxTextArea. Author: http://jqwidgets.com

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<div id='MyTabSelector'>
  <div id='jqxTabs'>
    <ul style='margin-left: 20px;'>
        <li>Tab 1</li>
        <li>Tab 2</li>
        <li>Tab 3</li>
        <li>Tab 4</li>
        <li>Tab 5</li>
    </ul>
    <div>
      <textarea id="txt1"></textarea>
    </div>
    <div>
      <textarea id="txt2"></textarea>
    </div>
    <div>
      <textarea id="txt3"></textarea>
    </div>
    <div>
      <textarea id="txt4"></textarea>
    </div>
    <div>
      <textarea id="txt5"></textarea>
    </div>
</div>

JavaScript

$('#jqxTabs').jqxTabs({
  width: 500,
  theme: 'energyblue',
  height: 150,
  initTabContent: function(tab){
         switch (tab) {
                    case 0:
                        $('#txt1').jqxTextArea({
                            height: 100,
                            width: 200
                        });
                        $('#txt1').jqxTextArea('val', '1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10');
                        break;
                    case 1:
                        $('#txt2').jqxTextArea({
                            height: 100,
                            width: 200
                        });
                        $('#txt2').jqxTextArea('val', '1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10');
                        break;
                    case 2:
                        $('#txt3').jqxTextArea({
                            height: 100,
                            width: 200
                        });
                        $('#txt3').jqxTextArea('val', '1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10');
                        break;
                   case 3:
                        $('#txt4').jqxTextArea({
                            height: 100,
                            width: 200
                        });
                        $('#txt4').jqxTextArea('val', '1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10');
                        break;
                    case 4:
                        $('#txt5').jqxTextArea({
                            height: 100,
                            width: 200
                        });
                        $('#txt5').jqxTextArea('val', '1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10');
                        break;
                }
     }
});