JSFiddle - React, Tailwind, and code Playground

by nosfan1019

HTML

<script src="https://raw.github.com/matobago/bootstrap/2c6332165eabb5d366232792e5666e1bad3b8c08/js/bootstrap-typeahead.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.0/js/bootstrap.min.js"></script>
<div class="aaa" contenteditable="true"></div>

<input type="text" class="bbb">
    

<a href="#" data-toggle="tooltip" title="first tooltip" class="boo">hover over me</a>

CSS

body {
    margin: 50px;
}
.aaa {
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

JavaScript

$(document).ready(function() {

    $(".aaa").typeahead({
        source: ["alabama","alaska","arizona","Arkansas","California","Colorado","Connecticut","Delaware","Florida","Georgia","Hawaii","Idaho","Illinois","Indiana","Iowa","Kansas","Kentucky","Louisiana","Maine","Maryland","Massachusetts","Michigan","Minnesota","Mississippi","Missouri","Montana","Nebraska","Nevada","New Hampshire","New Jersey","New Mexico","New York","North Dakota","North Carolina","Ohio","Oklahoma","Oregon","Pennsylvania","Rhode Island","South Carolina","South Dakota","Tennessee","Texas","Utah","Vermont","Virginia","Washington","West Virginia","Wisconsin","Wyoming"]
    });

    $('.boo').tooltip()
    
});