Drop Down Thing

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideDown("slow");
});
});
</script>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet'>
<style>
body {
font-family: 'Quicksand';
}
</style>
</head>
<style>
#panel, #flip {
padding: 5px;
text-align: center;
background: -webkit-linear-gradient(-90deg, #F0CEFF 0%, #F4E6FB 100%);
border: solid 1px #BE93D4;
width: 8em;
font-size: 20px;
border-radius: 5px;
position: absolute;
left: -0.95em;
top: 6.5em;
}

#panel {
padding: 10px;
display: none;
}
mark {
background: linear-gradient(315deg, rgba(255,255,255,1) 0%, rgba(154,255,151,1) 99%);
padding-left:10px;
padding-right:10px;
border-radius:10px;
padding-top:2.5px;
padding-bottom:2.5px;
border:1px solid black;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0px 0px 6px #fff;
color:white;
font-size:20px;
letter-spacing: 3px;
font-style: italic;
</body>
</style>
<body>
<div id="flip"> Click for Info </div>
<div id="panel">text here</div>

</body>
</html>