test.html

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<style> 
#flip {
  padding: 5px;
  text-align: center;
  background-color: #e5eecc;
  border: solid 1px #c3c3c3;
    position: absolute;
    top: 105%;
    right: 50%;
    
}

#panel {

  display: none;
}
</style>
</head>
<body>
<article style="position: relative;">
 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta ab molestiae velit, quam error doloremque ullam, iste numquam illum, esse possimus incidunt eaque amettio similique.


    <p id="panel">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta ab molestiae velit, quam error doloremque ullam, iste numquam illum, esse possimus incidunt eaque amet, voluptas asperiores veritatis officia optio similique.</p>
    <button id="flip">QQ</button>
!</article>

</body>
</html>