JSFiddle - React, Tailwind, and code Playground

by wwwroot

HTML

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="http://knockoutjs.com/downloads/knockout-2.2.1.js"></script>
<input type="textbox">
<button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo">Search</button>
<div id="demo" class="collapse">
    <div class="sr">Search Result
        <br>Search Result
        <br>Search Result
        <br>Search Result
        <br>Search Result</div>
</div>
<br>Page Content

CSS

.sr {
    border: 1px solid red;
    background-color: Gainsboro;
}
.collapse {
    position: absolute;
    width: 300px;
}