working with table index

accessing child table element

by Anu Vidhya

HTML

<table id="packageaddtable"><!--parent table-->
    <tr>
      <td>
        <div class="package_table">
        <input type="text" class="package_textbox" id="package_textbox_0" name="packname[]" placeholder="Select Package"><!--Element inside parent table-->
        <div class="package_dynamice">
        <form id="form_subpackage" name="form_subpackage" action="">
          <table id="packs" class="packs"><!--Child table-->
            <tr>
              <td>
              <div class="packcells">
                <input type="text" class="start_time4" id="start_time4_0" placeholder="Select Employee"><!--Element inside child table--> 
                </div>
              </td>
              </tr>
             </table><!--Child table end-->
            </form>
            </div>
            </div>
         </td>
      </tr>
</table><!--Parent table end-->
<div class="selectdiv">
click here!
</div>

CSS

.selectdiv
{
  position:absolute;
  left:200px;
  top:20px;
  height:200px;
  width:200px;
  background-color:white;
}

JavaScript

$("document").ready(function(){
$('body').on('focus','.start_time4',function(){
$(".selectdiv").css("display","inline-block");

});
});