jQuery UI Current

by petersendidit

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
    <form name="aspnetForm" method="post" action="test.aspx" id="aspnetForm">
       <div id="tabs">
                            <ul>
                                <li><a href="#tab1">Settings </a></li>
                                <li><a href="#tab2">Logins </a></li>
                            </ul>
                            <div id="tab1">
  <table border="0" cellspacing="3" cellpadding="3">
                <tbody>
                    <tr>
                        <td class="bold">
                            Account Name:<span class="red">*</span>
                        </td>
                        <td>
                            <input name="companyName" class="textbox" id="txtCompanyName"
                                type="text" maxlength="200" value="yauhen">
                        </td>
                    </tr>
                    <tr id="trCompanyURL">
                        <td class="bold">
                            Company URL:
                        </td>
                        <td>
                            <input name="companyURL" class="textbox" id="txtCompanyURL" type="text" maxlength="256" value="http://localhost:81">
                        </td>
                    </tr>
                </tbody>
            </table>
</div>
    <div id="tab2">   
      tabs2
           </div>
    </div>
    </form>

CSS

input.textbox
{
    width:185px;
    padding:0px;
    margin:0px;

}

JavaScript

$("#tabs").tabs();