Bootstrap

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="container">

  <form>
  
 <div class="row">
    <div class="col-md-6 here">
      <div class="form-group">
        <label for="exampleInputEmail1">Email address</label>
        <input type="email" class="form-control js-show-panel-tip" placeholder="Email">
      </div>
    </div>
    
    <div class="col-md-6 here">
      <div class="panel panel-default bg-gray js-panel-tip">
        <div class="panel-body">
          <u>Email address</u>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint inventore accusamus quia voluptates quasi ipsam repellat corrupti iure, dicta earum eligendi! Eligendi dolorum neque fuga non eaque reiciendis facere praesentium.
        </div>
      </div>
    </div>
  </div><!-- row -->
  
   <div class="row">
    <div class="col-md-6 here">
      <div class="form-group">
        <label for="exampleInputPassword1">Password</label>
    <input type="password" class="form-control js-show-panel-tip" id="exampleInputPassword1" placeholder="Password">
      </div>
    </div>
    
    <div class="col-md-6 here">
      <div class="panel panel-default bg-gray js-panel-tip">
        <div class="panel-body">
          <u>Password</u>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint inventore accusamus quia voluptates quasi ipsam repellat corrupti iure, dicta earum eligendi! Eligendi dolorum neque fuga non eaque reiciendis facere praesentium.
        </div>
      </div>
    </div>
  </div><!-- row -->
  </form>
</div>

SCSS

.bg-gray {
  background-color: #ddd;
}

.js-panel-tip {
  display: none;
}

JavaScript

$('.js-show-panel-tip').focus(function() {
$('.js-panel-tip').hide();
    $(this).parent().parent().next().find('.js-panel-tip').show();
    
    $(document).bind('focusin.js-panel-tip, click.js-panel-tip',function(e) {
        if ($(e.target).closest('.js-panel-tip, .js-show-panel-tip').length) return;
        $(document).unbind('.js-panel-tip');
        $('.js-panel-tip').fadeOut('medium');
    });
});
$('.js-panel-tip').hide();