Bootstrap Dropdown Toggle

by jairajdesai

HTML

<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<form method="post">
  <input id="input_text" type="text" name="input_text">
  <li class="dropdown list-unstyled">
    <a class="dropdown-toggle" type="button" data-toggle="dropdown"></a>
    <ul class="dropdown-menu">
      My message.
    </ul>
  </li>
</form>

JavaScript

$(document).ready(function() {
  $('#input_text').focusin(function() {
    $('.dropdown-menu').toggle();
  });
  $('#input_text').focusout(function() {
    $('.dropdown-menu').toggle();
  });
});